TYPO3 - Bildergalerie erstellen: Unterschied zwischen den Versionen

IMT HilfeWiki - das Wiki
K (Boje verschob die Seite TYPO3 - Bildergalerie erstellen nach TYPO3 - Bildergalerie erstellen, ohne dabei eine Weiterleitung anzulegen)
 
(36 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 
{{article
 
{{article
 
|type=Anleitung
 
|type=Anleitung
|service=Meta:Typo3
+
|service=Service:Typo3
|targetgroup=Angestellte, Studierende, Bereiche,
+
|targetgroup=Angestellte, Bereiche, Studierende
 +
|displaytitle=TYPO3 - Bildergalerie erstellen
 
|hasdisambig=Nein
 
|hasdisambig=Nein
 
}}
 
}}
 
Mit Typo3 können Sie Bildergalerien erstellen. Sie können dafür eine bereits vorhandene Seite mit Inhaltsbereich nutzen, aber auch eine neue Seite, hier im Beispiel die Seite "Bildergalerie", anlegen.
 
Mit Typo3 können Sie Bildergalerien erstellen. Sie können dafür eine bereits vorhandene Seite mit Inhaltsbereich nutzen, aber auch eine neue Seite, hier im Beispiel die Seite "Bildergalerie", anlegen.
 +
<br clear=all>
 
   
 
   
 +
== Hinweis! ==
 +
 +
====Die Funktionen der Bildergalerie funktionieren nicht einwandfrei. Bei manchen Einstellungen kann es zu Fehldarstellungen kommen, welche möglicherweise auf einen Softwarefehler zurückzuführen sind.====
 +
 
== Was ist zu tun? ==
 
== Was ist zu tun? ==
* Legen Sie eine Bildergallerie in den Templates an
+
* Legen Sie eine Bildergalerie in den Templates an
* Passen Sie das Erscheinungsbild an ihre Anforderungen an
+
* Passen Sie das Erscheinungsbild an Ihre Anforderungen an
  
 
== Schritt für Schritt Anleitung ==
 
== Schritt für Schritt Anleitung ==
Falls Sie jeweils fünf Bilder in einer Reihe unterbringen möchten, wählen Sie bei "Erscheinungsbild" bitte ein Template mit entsprechend großem Inhaltsbereich:
 
 
 
[[Datei:Typo3-bildergalerie-seite-anlegen-erscheinungsbild-1.jpg]]
 
 
 
Fügen Sie nun in der Ansicht "Seite" im Inhaltsbereich einen neuen Datensatz hinzu:
 
 
 
[[Datei:Typo3-bildergalerie-neuen-datensatz-hinzufuegen-2.jpg]]
 
 
 
Gehen Sie zur Registerkarte "Plug-Ins" und wählen Sie "Galerie":
 
 
 
[[Datei:Typo3-bildergalerie-plug-ins-galerie-3.jpg]]
 
 
 
Geben Sie der Galerie eine Überschrift und speichern Sie vorsichtshalber das Dokument:
 
 
 
[[Datei:Typo3-bildergalerie-ueberschrift-galerie-speichern-4.jpg]]
 
 
 
Falls es in Ihrem Typo3-Bereich bereits eine Dateisammlung gibt, die Sie für die neue Bildergalerie verwenden möchten, klicken Sie nun auf "Datensätze durchblättern":
 
 
 
[[Datei:Typo3-bildergalerie-datensaetze-durchblaettern-5.jpg]]
 
 
 
Wählen Sie die Dateisammlung aus, die Sie verwenden möchten - bei diesem Beispiel die Dateisammlung "Bildersammlung", die zu der Seite "Seite 8" gehört:
 
 
 
[[Datei:Typo3-bildergalerie-bildersammlung-auswaehlen-6.jpg]]
 
 
 
Speichern Sie das Dokument und lassen Sie es sich anzeigen:
 
 
 
[[Datei:Typo3-bildergalerie-bildersammlung-speichern-und-anzeigen-7.jpg]]
 
 
 
Ohne Änderung der Voreinstellungen bezüglich Anzeigemodus, Template, Bildform etc. sieht die Beispielgalerie folgendermaßen aus:
 
 
 
[[Datei:Typo3-bildergalerie-bildersammlung-unveraendert-angezeigt-8.jpg]]
 
 
 
Falls es in Ihrem Typo3-Bereich keine Dateisammlung gibt oder jedenfalls keine, die Sie für die neue Bildergalerie verwenden möchten, klicken Sie nach dem oben erwähnten Speichern des Dokuments nach dem Einfügen der Überschrift für die Bildergalerie in der Ansicht "Liste" auf "Neuen Datensatz erstellen":
 
 
 
[[Datei:Typo3-bildergalerie-neuen-datensatz-fuer-bildersammlung-erstellen-9.jpg]]
 
 
 
Wählen Sie unter "Systemdatensätze" die Option "Dateisammlung":
 
 
 
[[Datei:Typo3-bildergalerie-systemdatensaetze-dateisammlung-10.jpg]]
 
 
 
Tragen Sie einen Titel ein - in diesem Beispiel "Bildersammlung für Bildergalerie" - und speichern Sie vorsichtshalber das Dokument:
 
 
 
[[Datei:Typo3-bildergalerie-ueberschrift-dateisammlung-speichern-11.jpg]]
 
 
 
Wählen Sie nun über "Neue Relation erstellen" die Bilder für die Dateisammlung aus. Diese Bilder müssen Sie natürlich zuvor nach Typo3 hochgeladen und mit Metadaten versehen haben:
 
 
 
[[Datei:Typo3-bildergalerie-dateisammlung-neue-relation-erstellen-12.jpg]]
 
 
 
Speichern Sie nach dem Einfügen der Bilder in die Dateisammlung das Dokument:
 
 
 
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-speichern-13.jpg]]
 
 
 
Wechseln Sie zur Ansicht "Seite" und bearbeiten Sie das Element "Bildergalerie" im Inhaltsbereich der Seite "Bildergalerie":
 
 
 
[[https://hilfe.uni-paderborn.de/Datei:Typo3-bildergalerie-bildergalerie-bearbeiten-14.jpg]]
 
 
 
Wählen Sie die Registerkarte "Plug-In" und klicken Sie auf "Datensätze durchblättern":
 
 
 
[[Datei:Typo3-bildergalerie-plug-in-datensaetze-durchblaettern-15.jpg]]
 
 
 
Wählen Sie die vorhin erstellte Dateisammlung - bei diesem Beispiel "Bildersammlung für Bildergalerie" - aus:
 
 
 
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-einfuegen-16.jpg]]
 
 
 
Speichern Sie das Dokument und lassen Sie sich die Webseite anzeigen:
 
 
 
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-eingefuegt-speichern-17.jpg]]
 
 
 
Es wird nun die Bildergalerie mit den fünf Bildern der Dateisammlung "Bildersammlung für Bildergalerie" angezeigt, und zwar gemäß den unveränderten Voreinstellungen:
 
 
 
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-angezeigt-18.jpg]]
 
 
 
Diese Einstellungen lassen sich ändern. So kann man statt des Templates "Galerie - 3 Bilder", bei dem drei Bilder in einer Zeile angezeigt werden, das Template "Galerie - 5 Bilder" wählen, bei dem fünf Bilder in einer Zeile angezeigt werden:
 
 
 
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-19.jpg]]
 
 
 
Das Ergebnis der Änderung:
 
 
 
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-angezeigt-20.jpg]]
 
 
 
Außerdem kann man die Bildbeschreibung anzeigen lassen: sofern eine solche bei den Metadaten der Bilder eingetragen wurde:
 
 
 
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-bildbeschreibung-21.jpg]]
 
  
 +
Klicken Sie in der Ansicht „Seiteninhalt“ an der gewünschten Stelle auf „+ Inhalt“, um ein neues Inhaltselement zu erstellen.
  
Das Ergebnis der Änderung:
+
Klicken Sie auf „Galerie“:
  
 +
[[Datei:Screenshot TYPO3 Bildergalerie erstellen 01.png|links|mini|ohne|520px|Galerie erstellen]]
 +
<br clear=all>
  
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-bildbeschreibung-angezeigt-22.jpg]]
+
Klicken Sie auf „+ Neu anlegen“ unter „Bilder/Videos“ und dann „Neue Relation erstellen“ unter „Bild“.
  
 +
Wählen Sie eine Bilddatei durch einen Klick auf den Namen aus.
  
Man kann auch das Häkchen bei "Quadratische Bilder" entfernen, so dass bei rechteckigen Originalen kein quadratischer mittiger Ausschnitt des Originalbildes, sondern das Originalbild verkleinert, aber vollständig angezeigt wird:
+
[Die Medien im Ordner „UpbMedia“ dürfen für die Website der Universität Paderborn verwendet werden und sind bereits mit Alt-Texten (Alternativer Text für Blinde bzw. Sehbehinderte) verbunden]
  
 +
[[Datei:Screenshot TYPO3 Bildergalerie erstellen 02.png|links|mini|ohne|720px|Neu anlegen]]
 +
<br clear=all>
  
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-rechteckig-23.jpg]]
+
Am Ende sollte die Web-Ansicht dann ungefähr so aussehen.
  
 +
Um weitere Einstellungen vorzunehmen, können Sie bei jedem Bild auf das "kleine Dreieck" klicken.
  
Statt für eine statische Galerie kann man die Dateisammlung auch für einen Slider nutzen, indem man eines der Slider-Templates wählt, z. B. "Slider - 3 Bilder":
+
[[Datei:Screenshot TYPO3 Bildergalerie erstellen 03.png|links|mini|ohne|720px|Web-Ansicht]]
 +
<br clear=all>
  
 +
[[Datei:Screenshot TYPO3 Bildergalerie erstellen 04.png|links|mini|ohne|720px|Layout-Einstellungen]]
 +
<br clear=all>
  
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-3-bilder-slider-eingestellt-24.jpg]]
+
Hier können sie Einstellungen nach persönlicher Präferenz auswählen. Die Layouteinstellungen sollten sich schlussendlich so auswirken:
  
 +
[[Datei:Screenshot TYPO3 Bildergalerie erstellen 06.png|links|mini|ohne|720px|Auswirkungen der Layout-Einstellungen]]
 +
<br clear=all>
  
So sieht der Slider dann aus:
+
Im Editor können Sie ihr Bild weiter editieren:
  
 +
[[Datei:Screenshot TYPO3 Bildergalerie erstellen 05.png|links|mini|ohne|720px|Editor]]
 +
<br clear=all>
  
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-3-bilder-slider-25.jpg]]
+
== Hinweis! ==
  
 +
===Es sind noch mehrere andere Einstellungen möglich. Probieren Sie es aus!===
 +
<br clear=all>
  
Es sind noch mehrere andere Einstellungen möglich. Probieren Sie es aus!
+
== Siehe auch ==
 +
[[TYPO3]]

Aktuelle Version vom 6. Februar 2024, 20:59 Uhr

Allgemeine Informationen
Anleitung
Informationen
BetriebssystemAlle
ServiceTYPO3
Interessant fürAngestellte, Bereiche und Studierende
HilfeWiki des IMT der Uni Paderborn

set displaytitle to TYPO3 - Bildergalerie erstellen

Mit Typo3 können Sie Bildergalerien erstellen. Sie können dafür eine bereits vorhandene Seite mit Inhaltsbereich nutzen, aber auch eine neue Seite, hier im Beispiel die Seite "Bildergalerie", anlegen.

Hinweis![Bearbeiten | Quelltext bearbeiten]

Die Funktionen der Bildergalerie funktionieren nicht einwandfrei. Bei manchen Einstellungen kann es zu Fehldarstellungen kommen, welche möglicherweise auf einen Softwarefehler zurückzuführen sind.[Bearbeiten | Quelltext bearbeiten]

Was ist zu tun?[Bearbeiten | Quelltext bearbeiten]

  • Legen Sie eine Bildergalerie in den Templates an
  • Passen Sie das Erscheinungsbild an Ihre Anforderungen an

Schritt für Schritt Anleitung[Bearbeiten | Quelltext bearbeiten]

Klicken Sie in der Ansicht „Seiteninhalt“ an der gewünschten Stelle auf „+ Inhalt“, um ein neues Inhaltselement zu erstellen.

Klicken Sie auf „Galerie“:

Galerie erstellen


Klicken Sie auf „+ Neu anlegen“ unter „Bilder/Videos“ und dann „Neue Relation erstellen“ unter „Bild“.

Wählen Sie eine Bilddatei durch einen Klick auf den Namen aus.

[Die Medien im Ordner „UpbMedia“ dürfen für die Website der Universität Paderborn verwendet werden und sind bereits mit Alt-Texten (Alternativer Text für Blinde bzw. Sehbehinderte) verbunden]

Neu anlegen


Am Ende sollte die Web-Ansicht dann ungefähr so aussehen.

Um weitere Einstellungen vorzunehmen, können Sie bei jedem Bild auf das "kleine Dreieck" klicken.

Web-Ansicht


Layout-Einstellungen


Hier können sie Einstellungen nach persönlicher Präferenz auswählen. Die Layouteinstellungen sollten sich schlussendlich so auswirken:

Auswirkungen der Layout-Einstellungen


Im Editor können Sie ihr Bild weiter editieren:

Editor


Hinweis![Bearbeiten | Quelltext bearbeiten]

Es sind noch mehrere andere Einstellungen möglich. Probieren Sie es aus![Bearbeiten | Quelltext bearbeiten]


Siehe auch[Bearbeiten | Quelltext bearbeiten]

TYPO3


Bei Fragen oder Problemen wenden Sie sich bitte telefonisch oder per E-Mail an uns:

Tel. IT: +49 (5251) 60-5544 Tel. Medien: +49 (5251) 60-2821 E-Mail: imt@uni-paderborn.de

Das Notebook-Café ist die Benutzerberatung des IMT

Das IMT:Notebook-Café (Raum I0.401) bietet in der vorlesungsfreien Zeit nur eingeschränkten Support

Mo Di-Do Fr
Vor-Ort-Support 08:30-16 Uhr 08:30-14 Uhr
Telefonsupport 08:30-16 Uhr 08:30-14 Uhr

Das IMT:Servicecenter Medien auf H1 hat ab 8. April wieder von Montag bis Donnerstag von 08:00-16:00 Uhr und Freitags von 08:00 bis 14:30 Uhr geöffnet.

Cookies helfen uns bei der Bereitstellung des IMT HilfeWikis. Bei der Nutzung vom IMT HilfeWiki werden die in der Datenschutzerklärung beschriebenen Cookies gespeichert.