CMS-Plugin Bildergalerie anlegen

Schau dir das Videotutorial an

So baust du eine Bildergalerie ein

1. Spaltenstruktur anlegen

1. Öffne deine gewünschte Seite im CMS und wechsle in den Bearbeitungsmodus.
2. Füge ein Row-Element (Zeile) ein, falls noch keines vorhanden ist.
3. Innerhalb der Row legst du zwei Columns (Spalten) an:
4. In die linke Spalte fügst du z. B. einen Textbaustein ein.
5. In die rechte Spalte fügst du die Bildergalerie ein.

2. Bildergalerie-Element hinzufügen

1. Klicke in der rechten Spalte auf das Plussymbol.
2. Wähle das Element „Bildergalerie“ aus.
3. Klicke im geöffneten Galerie-Element auf das Ordnersymbol.
4. Wähle über den blauen Pfeil einen Ordner aus dem Dateimanager aus, der deine Bilder enthält.
5. Achte darauf, dass im Ordner nur Bilder liegen.
6. Speichere – die Galerie ist nun eingebunden, zeigt aber standardmäßig nur eine Bildliste (wie rechts zu sehen).

Du hast jetzt zwei Möglichkeiten, wie du deine Bildergalerie darstellen kannst. Du kannst die Galerie flexibel in verschiedene Seitenlayouts einbauen – z. B. in einer Spalte oder über die ganze Seitenbreite. Beide Layouts (Raster und Karussell) lassen sich jederzeit über die „Vorlage“-Einstellung wechseln.

Variante 1: Rasterdarstellung

1. Öffne die Erweiterten Einstellungen des Galerie-Elements.
2. Wähle bei „Vorlage“ den Eintrag „Bildergalerie (Raster)“.
3. Speichere die Einstellungen.
4. Die Bilder erscheinen jetzt in einem Raster mit bis zu fünf Bildern pro Zeile.
5. Klickst du auf ein Bild, öffnet sich eine Vorschau in einem Pop-Up, durch das du dich durchklicken kannst.

Variante 2: Slider (Karussell)

1. Öffne erneut die Erweiterten Einstellungen des Galerie-Elements.
2. Wähle bei „Vorlage“ den Eintrag „Bildergalerie (Slider)“.
3. Speichere die Einstellungen.
4. Die Galerie wird jetzt als Slideshow angezeigt.
5. Bilder werden automatisch auf 16:9 zugeschnitten.
6. Die Galerie hat eine feste Höhe und wechselt sanft zwischen den Bildern.
7. Ein Klick auf ein Bild öffnet keine große Vorschau.

Alternativtexte einfügen (für Barrierefreiheit & SEO)

1. Gehe im CMS in den Dateimanager.
2. Öffne den Ordner mit den Bildern.
3. Klicke beim gewünschten Bild auf das Stiftsymbol (Bearbeiten).
4. Trage im Feld „Standard Alttext“ eine passende Beschreibung des Bildes ein (z. B. „Max Müller beim Vortrag“).
5. Speichere die Änderungen – der Text wird nun als Alternativtext zum Bild gezeigt.