Bildergalerie erstellen und bearbeiten

Eine Bildergalerie zeigt mehrere Fotos oder Grafiken in einer ansprechenden Anordnung auf deiner Website. Du bestimmst, wie viele Bilder pro Zeile angezeigt werden, fügst Bildunterschriften hinzu und kannst Animationen einbauen, damit die Bilder beim Laden der Seite auffällig erscheinen.

Voraussetzungen

Du benötigst das Modul Website und die Berechtigung, Seiten zu bearbeiten. Die Bildergalerie wird auf einer Seite als Baustein eingefügt; wie du einen neuen Baustein hinzufügst, erfährst du dort.

Aufbau des Bearbeitungsfensters

Wenn du einen Bildergalerie-Baustein bearbeitest, öffnet sich rechts ein Bereich mit zwei Abschnitten:

Allgemein: Hier legst du die Überschrift der Galerie fest und bestimmst, wie viele Spalten pro Zeile angezeigt werden (2, 3, 4 oder 6 Bilder nebeneinander).

Bilder: Hier fügst du die einzelnen Fotos hinzu, ordnest sie an, fügst Bildunterschriften ein und wählst optional eine Animation aus.

So gehst du vor

Überschrift eingeben: Trage im Feld Überschrift einen Titel für deine Galerie ein – etwa "Unsere Arbeiten" oder "Projektbeispiele". Dies ist optional; die Galerie funktioniert auch ohne Überschrift.
Spalten pro Zeile wählen: Öffne das Auswahlfeld Spalten pro Zeile und wähle, wie viele Bilder nebeneinander angezeigt werden sollen. Bei weniger Bildern empfiehlt sich eine kleinere Zahl (2 oder 3), bei vielen Bildern kannst du 4 oder 6 wählen.
Erstes Bild hinzufügen: Klicke im Abschnitt Bilder auf Bild hinzufügen. Eine neue Bildkarte entsteht.
Bild hochladen: Klicke auf der linken Seite der Bildkarte auf das Bildfeld und wähle oder laden ein Foto hoch. Du kannst auch festlegen, wie das Bild in seinen Rahmen passt (Skalierung).
Bildunterschrift hinzufügen: Gib auf der rechten Seite der Bildkarte eine Beschreibung ein – zum Beispiel den Namen des Projekts oder eine kurze Erklärung. Die Bildunterschrift wird unter oder neben dem Bild angezeigt.
Animation wählen (optional): Im selben Bereich kannst du aus dem Auswahlfeld Animation eine Effekt auswählen (zum Beispiel "Einblenden" oder "Zoom"). Wenn du nichts wählst, bleibt die Animation aus.
Weitere Bilder hinzufügen: Klicke erneut auf Bild hinzufügen für jedes weitere Foto. Wiederhole die Schritte 4–6.
Bilder sortieren und verwalten: Für jedes Bild stehen dir kleine Schaltflächen zur Verfügung:
- Nach oben verschieben / Nach unten verschieben: Ändert die Reihenfolge der Bilder.
- Kopieren: Erstellt ein Duplikat des Bildes mit der gleichen Bildunterschrift und Animation – spart Zeit, wenn mehrere Bilder ähnlich aufgebaut sind.
- Entfernen: Löscht das Bild aus der Galerie.
Speichern: Klicke oben rechts auf die grüne Schaltfläche Speichern, um deine Änderungen zu sichern.

Was danach passiert

Deine Bildergalerie ist jetzt auf der Seite gespeichert. Die Bilder werden in der gewählten Spaltenanzahl angeordnet. Wenn du die Seite veröffentlichst, sehen deine Besucher die Galerie mit allen Animationen und Bildunterschriften.

Du kannst die Galerie jederzeit wieder öffnen, um Bilder hinzuzufügen, zu löschen oder die Spaltenanzahl anzupassen. Alle Änderungen speichst du mit Speichern.

Tipps und Hinweise

Bildgröße anpassen: Achte darauf, dass deine Bilder ungefähr das gleiche Seitenverhältnis haben. So sieht die Galerie gleichmäßiger aus.
Animationen sparsam einsetzen: Zu viele oder zu schnelle Animationen können ablenken. Nutze sie, um Aufmerksamkeit gezielt zu lenken.
Bildunterschriften nutzen: Eine kurze, aussagekräftige Bildunterschrift hilft Besuchern zu verstehen, was sie sehen. Sie wirkt sich auch positiv auf die Suchmaschinen-Sichtbarkeit aus.
Mobile Anzeige testen: Bei sehr vielen Spalten (6) können Bilder auf Mobiltelefonen klein werden. Überprüfe die Vorschau auf kleineren Bildschirmen.
Vorlagen speichern: Wenn du eine Galerie erstellt hast, die du auf mehreren Seiten nutzen möchtest, kannst du sie als Vorlage speichern. Dann änderst du sie nur an einer Stelle – alle Seiten werden automatisch aktualisiert.