Mstock (Diskussion | Beiträge) |
|||
| (2 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 6: | Zeile 6: | ||
}} | }} | ||
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> | ||
== Was ist zu tun? == | == Was ist zu tun? == | ||
| + | * Legen Sie eine Bildergallerie in den Templates an | ||
| + | * Passen Sie das Erscheinungsbild an ihre Anforderungen an | ||
== Schritt für Schritt Anleitung == | == Schritt für Schritt Anleitung == | ||
| Zeile 13: | Zeile 16: | ||
| − | [[Datei:Typo3-bildergalerie-seite-anlegen-erscheinungsbild-1.jpg]] | + | [[Datei:Typo3-bildergalerie-seite-anlegen-erscheinungsbild-1.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Fügen Sie nun in der Ansicht "Seite" im Inhaltsbereich einen neuen Datensatz hinzu: | Fügen Sie nun in der Ansicht "Seite" im Inhaltsbereich einen neuen Datensatz hinzu: | ||
| − | [[Datei:Typo3-bildergalerie-neuen-datensatz-hinzufuegen-2.jpg]] | + | [[Datei:Typo3-bildergalerie-neuen-datensatz-hinzufuegen-2.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Gehen Sie zur Registerkarte "Plug-Ins" und wählen Sie "Galerie": | Gehen Sie zur Registerkarte "Plug-Ins" und wählen Sie "Galerie": | ||
| − | [[Datei:Typo3-bildergalerie-plug-ins-galerie-3.jpg]] | + | [[Datei:Typo3-bildergalerie-plug-ins-galerie-3.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Geben Sie der Galerie eine Überschrift und speichern Sie vorsichtshalber das Dokument: | Geben Sie der Galerie eine Überschrift und speichern Sie vorsichtshalber das Dokument: | ||
| − | [[Datei:Typo3-bildergalerie-ueberschrift-galerie-speichern-4.jpg]] | + | [[Datei:Typo3-bildergalerie-ueberschrift-galerie-speichern-4.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
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": | 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]] | + | [[Datei:Typo3-bildergalerie-datensaetze-durchblaettern-5.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
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: | 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]] | + | [[Datei:Typo3-bildergalerie-bildersammlung-auswaehlen-6.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Speichern Sie das Dokument und lassen Sie es sich anzeigen: | Speichern Sie das Dokument und lassen Sie es sich anzeigen: | ||
| − | [[Datei:Typo3-bildergalerie-bildersammlung-speichern-und-anzeigen-7.jpg]] | + | [[Datei:Typo3-bildergalerie-bildersammlung-speichern-und-anzeigen-7.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Ohne Änderung der Voreinstellungen bezüglich Anzeigemodus, Template, Bildform etc. sieht die Beispielgalerie folgendermaßen aus: | Ohne Änderung der Voreinstellungen bezüglich Anzeigemodus, Template, Bildform etc. sieht die Beispielgalerie folgendermaßen aus: | ||
| − | [[Datei:Typo3-bildergalerie-bildersammlung-unveraendert-angezeigt-8.jpg]] | + | [[Datei:Typo3-bildergalerie-bildersammlung-unveraendert-angezeigt-8.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
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": | 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]] | + | [[Datei:Typo3-bildergalerie-neuen-datensatz-fuer-bildersammlung-erstellen-9.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Wählen Sie unter "Systemdatensätze" die Option "Dateisammlung": | Wählen Sie unter "Systemdatensätze" die Option "Dateisammlung": | ||
| − | [[Datei:Typo3-bildergalerie-systemdatensaetze-dateisammlung-10.jpg]] | + | [[Datei:Typo3-bildergalerie-systemdatensaetze-dateisammlung-10.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Tragen Sie einen Titel ein - in diesem Beispiel "Bildersammlung für Bildergalerie" - und speichern Sie vorsichtshalber das Dokument: | 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]] | + | [[Datei:Typo3-bildergalerie-ueberschrift-dateisammlung-speichern-11.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
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: | 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]] | + | [[Datei:Typo3-bildergalerie-dateisammlung-neue-relation-erstellen-12.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Speichern Sie nach dem Einfügen der Bilder in die Dateisammlung das Dokument: | Speichern Sie nach dem Einfügen der Bilder in die Dateisammlung das Dokument: | ||
| − | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-speichern-13.jpg]] | + | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-speichern-13.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Wechseln Sie zur Ansicht "Seite" und bearbeiten Sie das Element "Bildergalerie" im Inhaltsbereich der Seite "Bildergalerie": | Wechseln Sie zur Ansicht "Seite" und bearbeiten Sie das Element "Bildergalerie" im Inhaltsbereich der Seite "Bildergalerie": | ||
| − | [[ | + | [[Datei:Typo3-bildergalerie-bildergalerie-bearbeiten-14.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Wählen Sie die Registerkarte "Plug-In" und klicken Sie auf "Datensätze durchblättern": | Wählen Sie die Registerkarte "Plug-In" und klicken Sie auf "Datensätze durchblättern": | ||
| − | [[Datei:Typo3-bildergalerie-plug-in-datensaetze-durchblaettern-15.jpg]] | + | [[Datei:Typo3-bildergalerie-plug-in-datensaetze-durchblaettern-15.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Wählen Sie die vorhin erstellte Dateisammlung - bei diesem Beispiel "Bildersammlung für Bildergalerie" - aus: | Wählen Sie die vorhin erstellte Dateisammlung - bei diesem Beispiel "Bildersammlung für Bildergalerie" - aus: | ||
| − | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-einfuegen-16.jpg]] | + | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-einfuegen-16.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Speichern Sie das Dokument und lassen Sie sich die Webseite anzeigen: | Speichern Sie das Dokument und lassen Sie sich die Webseite anzeigen: | ||
| − | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-eingefuegt-speichern-17.jpg]] | + | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-eingefuegt-speichern-17.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Es wird nun die Bildergalerie mit den fünf Bildern der Dateisammlung "Bildersammlung für Bildergalerie" angezeigt, und zwar gemäß den unveränderten Voreinstellungen: | 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]] | + | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-angezeigt-18.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
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: | 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]] | + | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-19.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Das Ergebnis der Änderung: | Das Ergebnis der Änderung: | ||
| − | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-angezeigt-20.jpg]] | + | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-angezeigt-20.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Außerdem kann man die Bildbeschreibung anzeigen lassen: sofern eine solche bei den Metadaten der Bilder eingetragen wurde: | 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]] | + | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-bildbeschreibung-21.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Das Ergebnis der Änderung: | Das Ergebnis der Änderung: | ||
| − | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-bildbeschreibung-angezeigt-22.jpg]] | + | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-bildbeschreibung-angezeigt-22.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
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: | 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]] | + | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-rechteckig-23.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
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": | 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]] | + | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-3-bilder-slider-eingestellt-24.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
So sieht der Slider dann aus: | So sieht der Slider dann aus: | ||
| − | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-3-bilder-slider-25.jpg]] | + | [[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-3-bilder-slider-25.jpg|links|mini|ohne|1000px]] |
| − | + | <br clear=all> | |
Es sind noch mehrere andere Einstellungen möglich. Probieren Sie es aus! | Es sind noch mehrere andere Einstellungen möglich. Probieren Sie es aus! | ||
| + | <br clear=all> | ||
Version vom 12. Juni 2021, 11:14 Uhr
Allgemeine Informationen
| Anleitung | |
|---|---|
| Informationen | |
| Betriebssystem | Alle |
| Service | TYPO3 |
| Interessant für | Angestellte, Studierende und Bereiche |
| HilfeWiki des IMT der Uni Paderborn | |
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]
- Legen Sie eine Bildergallerie in den Templates an
- Passen Sie das Erscheinungsbild an ihre Anforderungen an
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:
Fügen Sie nun in der Ansicht "Seite" im Inhaltsbereich einen neuen Datensatz hinzu:
Gehen Sie zur Registerkarte "Plug-Ins" und wählen Sie "Galerie":
Geben Sie der Galerie eine Überschrift und speichern Sie vorsichtshalber das Dokument:
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":
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:
Speichern Sie das Dokument und lassen Sie es sich anzeigen:
Ohne Änderung der Voreinstellungen bezüglich Anzeigemodus, Template, Bildform etc. sieht die Beispielgalerie folgendermaßen aus:
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":
Wählen Sie unter "Systemdatensätze" die Option "Dateisammlung":
Tragen Sie einen Titel ein - in diesem Beispiel "Bildersammlung für Bildergalerie" - und speichern Sie vorsichtshalber das Dokument:
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:
Speichern Sie nach dem Einfügen der Bilder in die Dateisammlung das Dokument:
Wechseln Sie zur Ansicht "Seite" und bearbeiten Sie das Element "Bildergalerie" im Inhaltsbereich der Seite "Bildergalerie":
Wählen Sie die Registerkarte "Plug-In" und klicken Sie auf "Datensätze durchblättern":
Wählen Sie die vorhin erstellte Dateisammlung - bei diesem Beispiel "Bildersammlung für Bildergalerie" - aus:
Speichern Sie das Dokument und lassen Sie sich die Webseite anzeigen:
Es wird nun die Bildergalerie mit den fünf Bildern der Dateisammlung "Bildersammlung für Bildergalerie" angezeigt, und zwar gemäß den unveränderten Voreinstellungen:
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:
Das Ergebnis der Änderung:
Außerdem kann man die Bildbeschreibung anzeigen lassen: sofern eine solche bei den Metadaten der Bilder eingetragen wurde:
Das Ergebnis der Änderung:
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:
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":
So sieht der Slider dann aus:
Es sind noch mehrere andere Einstellungen möglich. Probieren Sie es aus!