TYPO3 - Bildergalerie erstellen: Unterschied zwischen den Versionen

ZIM HilfeWiki - das Wiki
 
(35 dazwischenliegende Versionen von 2 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
 
}}
 
}}
Zeile 8: Zeile 9:
 
<br clear=all>
 
<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|links|mini|ohne|1000px]]
 
<br clear=all>
 
 
Fügen Sie nun in der Ansicht "Seite" im Inhaltsbereich einen neuen Datensatz hinzu:
 
 
 
[[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":
 
 
 
[[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:
 
 
 
[[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":
 
 
 
[[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:
 
 
 
[[Datei:Typo3-bildergalerie-bildersammlung-auswaehlen-6.jpg|links|mini|ohne|1000px]]
 
<br clear=all>
 
 
Speichern Sie das Dokument und lassen Sie es sich anzeigen:
 
 
 
[[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:
 
 
 
[[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":
 
 
 
[[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":
 
 
 
[[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:
 
 
 
[[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:
 
 
 
[[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:
+
Klicken Sie in der Ansicht „Seiteninhalt“ an der gewünschten Stelle auf „+ Inhalt“, um ein neues Inhaltselement zu erstellen.
  
 +
Klicken Sie auf „Galerie“:
  
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-speichern-13.jpg|links|mini|ohne|1000px]]
+
[[Datei:Screenshot TYPO3 Bildergalerie erstellen 01.png|links|mini|ohne|520px|Galerie erstellen]]
 
<br clear=all>
 
<br clear=all>
  
Wechseln Sie zur Ansicht "Seite" und bearbeiten Sie das Element "Bildergalerie" im Inhaltsbereich der Seite "Bildergalerie":
+
Klicken Sie auf „+ Neu anlegen“ unter „Bilder/Videos“ und dann „Neue Relation erstellen“ unter „Bild“.
 
 
  
[[Datei:Typo3-bildergalerie-bildergalerie-bearbeiten-14.jpg|links|mini|ohne|1000px]]
+
Wählen Sie eine Bilddatei durch einen Klick auf den Namen aus.  
<br clear=all>
 
  
Wählen Sie die Registerkarte "Plug-In" und klicken Sie auf "Datensätze durchblättern":
+
[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]]
[[Datei:Typo3-bildergalerie-plug-in-datensaetze-durchblaettern-15.jpg|links|mini|ohne|1000px]]
 
 
<br clear=all>
 
<br clear=all>
  
Wählen Sie die vorhin erstellte Dateisammlung - bei diesem Beispiel "Bildersammlung für Bildergalerie" - aus:
+
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.
  
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-einfuegen-16.jpg|links|mini|ohne|1000px]]
+
[[Datei:Screenshot TYPO3 Bildergalerie erstellen 03.png|links|mini|ohne|720px|Web-Ansicht]]
 
<br clear=all>
 
<br clear=all>
  
Speichern Sie das Dokument und lassen Sie sich die Webseite anzeigen:
+
[[Datei:Screenshot TYPO3 Bildergalerie erstellen 04.png|links|mini|ohne|720px|Layout-Einstellungen]]
 
 
 
 
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-eingefuegt-speichern-17.jpg|links|mini|ohne|1000px]]
 
 
<br clear=all>
 
<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:
+
Hier können sie Einstellungen nach persönlicher Präferenz auswählen. Die Layouteinstellungen sollten sich schlussendlich so auswirken:
 
 
  
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-angezeigt-18.jpg|links|mini|ohne|1000px]]
+
[[Datei:Screenshot TYPO3 Bildergalerie erstellen 06.png|links|mini|ohne|720px|Auswirkungen der Layout-Einstellungen]]
 
<br clear=all>
 
<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:
+
Im Editor können Sie ihr Bild weiter editieren:
  
 
+
[[Datei:Screenshot TYPO3 Bildergalerie erstellen 05.png|links|mini|ohne|720px|Editor]]
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-19.jpg|links|mini|ohne|1000px]]
 
 
<br clear=all>
 
<br clear=all>
  
Das Ergebnis der Änderung:
+
== Hinweis! ==
  
 
+
===Es sind noch mehrere andere Einstellungen möglich. Probieren Sie es aus!===
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-angezeigt-20.jpg|links|mini|ohne|1000px]]
 
 
<br clear=all>
 
<br clear=all>
  
Außerdem kann man die Bildbeschreibung anzeigen lassen: sofern eine solche bei den Metadaten der Bilder eingetragen wurde:
+
== Siehe auch ==
 
+
[[TYPO3]]
 
 
[[Datei:Typo3-bildergalerie-bildersammlung-fuer-bildergalerie-5-bilder-reihe-bildbeschreibung-21.jpg|links|mini|ohne|1000px]]
 
<br clear=all>
 
 
 
Das Ergebnis der Änderung:
 
 
 
 
 
[[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:
 
 
 
 
 
[[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":
 
 
 
 
 
[[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:
 
 
 
 
 
[[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!
 
<br clear=all>
 

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

Allgemeine Informationen
Anleitung
Informationen
BetriebssystemAlle
ServiceTYPO3
Interessant fürAngestellte, Bereiche und Studierende
HilfeWiki des ZIM 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: 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
Cookies helfen uns bei der Bereitstellung des ZIM HilfeWikis. Bei der Nutzung vom ZIM HilfeWiki werden die in der Datenschutzerklärung beschriebenen Cookies gespeichert.