Bildergalerie
Eine Bildergalerie erstellen Sie mit dem "Text & Media" Element, mit mehreren Bildern (mindestens 2) und der "Enlarge on click" Funktion.
Bilder für die Webseite vorbereiten
Bilder müssen vor dem Hochladen auf die Webseite vorbereitet werden:
- Laden Sie Bilder nicht einfach von der Kamera in die Webseite oder ins Dateisystem der Webseite
- Bearbeiten Sie die Bilder im Vorfeld in einem Bildbearbeitungsprogramm (z.B. Photoshop):
- Dateinamen ändern
- Verkleinern Sie die Bildgröße auf die Maße wie sie dann in der Webseite dargestellt werden sollen
- Verwenden Sie nur Bilder im Dateiformat jpg/jpeg, gif, png, svg oder webp
- Erstellen Sie die Bilder mit gleicher Breite und Höhe, wenn sie zusammen in das gleiche Inhaltselement eingebaut werden – bevor Sie sie in die Filelist der Webseite hochladen.
- Beim Layout mit rechter Spalte ist die maximale Breite der Bilder 936 Pixel, beim Layout ohne rechte Spalte ist die maximale Breite 1176 Pixel.
Inhaltselement "Text&Media" anlegen
Um Mediaelemente (Bilder, Video, Audio) in ein Inhaltselement einzufügen, wählen Sie als Content Element Type "Text & Media" aus.
Bilder einfügen
- Klicken Sie im Reiter Media auf Add media file (Bild 2, Nr. 1). Die Filelist öffnet sich in einem Pop-Up-Fenster.
- Jetzt können Sie dem Inhaltselement ein oder mehrere Bilder hinzufügen.
- Die Metadaten der Bilder (Image Metadata) können Sie bearbeiten, wenn Sie im Backend das jeweilige Bild (Bild 2, Nr. 2) anklicken.
Darstellungsoptionen Bildergalerie
- Legen Sie die Größe der Thumbnails fest (Bild 3 No.1). Geben Sie entweder die Höhe oder Breite ein. Bitte nur einen Wert eintragen!
- Aktivieren Sie die Enlarge on Click Option (Bild 3 No.4)
- Mit Number of Columns (Bild 3 No.3) steuern Sie, wie viele Thumbnails nebeneinander dargestellt werden.
Beispiel
In diesem Beispiel ist die Breite der Thumbnails 350px und die Number of columns =3. Zusätzlich haben Sie die Möglichkeit jedes Bild mit einer Bildunterschrift (Caption) zu versehen.