TYPO3 - Bildergalerie erstellen: Unterschied zwischen den Versionen

Anleitung
Anleitung
Informationen
Betriebssystem	Alle
Service	TYPO3
Interessant für	Angestellte, Studierende und Bereiche
HilfeWiki des ZIM der Uni Paderborn

Version vom 18. April 2016, 09:29 Uhr

TYPO3

Allgemeine Informationen

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.

Was ist zu tun?[Bearbeiten | Quelltext bearbeiten]

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

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":

[[1]]

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

Das Ergebnis der Änderung:

Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-bildbeschreibung-angezeigt-22.jpg

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:

Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-rechteckig-23.jpg

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:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-3-bilder-slider-eingestellt-24.jpg

So sieht der Slider dann aus:

Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-3-bilder-slider-25.jpg

Es sind noch mehrere andere Einstellungen möglich. Probieren Sie es aus!

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: zim@uni-paderborn.de

Das Notebook-Café ist die Benutzerberatung des ZIM - Sie finden uns in Raum I0.401

Wir sind zu folgenden Zeiten erreichbar:

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

Das ZIM:Servicecenter Medien auf H1 hat aktuell zu folgenden Zeiten geöffnet:

Mo-Do	Fr
08:00 - 16:00	08:00 - 14:30

@@ Zeile 1: / Zeile 1: @@
 {{article
 |type=Anleitung
-|service=Meta:Typo3,
+|service=Meta:Typo3
 |targetgroup=Angestellte, Studierende, Bereiche,
 |hasdisambig=Nein
@@ Zeile 80: / Zeile 80: @@
 [[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]]
+Das Ergebnis der Änderung:
+[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-bildbeschreibung-angezeigt-22.jpg]]
+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:
+[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-rechteckig-23.jpg]]
+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:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-3-bilder-slider-eingestellt-24.jpg]]
+So sieht der Slider dann aus:
+[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-3-bilder-slider-25.jpg]]
+Es sind noch mehrere andere Einstellungen möglich. Probieren Sie es aus!