weboffice.digital - Dokumentation
Branche Beauty Branche Gastro Branche Handel
PDF

Eine Bildergalerie aufbauen

Eine Bildergalerie aufbauen

Mit dem Bildergalerien-Baustein zeigst du mehrere Bilder übersichtlich an – mit Bildbeschriftungen, Animationen und frei wählbarer Spaltenanordnung. Du bearbeitest ihn direkt auf deiner Seite und kannst Bilder hinzufügen, sortieren oder als Vorlage speichern.

Voraussetzungen

Der Bildergalerien-Baustein muss bereits auf der Seite eingefügt sein. Siehe dazu Block auf einer Seite einrichten (Blockkatalog).

So gehst du vor

  1. Öffne den Baustein zur Bearbeitung – klicke dazu auf der Seite auf den Block oder auf das Zahnrad-Symbol im Kopfbereich des Blocks.

    Das Bearbeitungsfenster öffnet sich. Oben siehst du den Namen des Bausteins und die Schaltflächen zum Speichern oder Schließen.

  2. Überschrift: Trage im Feld Überschrift einen Titel ein oder lasse es leer, wenn du keine Überschrift brauchst. Du kannst hier auch Markdown nutzen.

  3. Spalten pro Zeile: Wähle im Auswahlfeld Spalten pro Zeile aus, wie viele Bilder nebeneinander angezeigt werden sollen – 2, 3, 4 oder 6 Spalten.

  4. Bilder hinzufügen: Klicke auf die Schaltfläche Bild hinzufügen am unteren Ende des Bereichs Bilder.

    Der Bereich wird um ein neues Bild erweitert.

  5. Für jedes Bild stehen dir vier Felder zur Verfügung:

    • Bild: Klicke auf das Bildfeld auf der linken Seite und wähle ein Bild aus deinem Medienbestand aus oder lade eines hoch. Du kannst auch einstellen, wie das Bild zugeschnitten wird.
    • Bildunterschrift: Ergänze auf der rechten Seite einen Text zur Beschriftung des Bildes – das ist optional. Hier kannst du ebenfalls Markdown nutzen.
    • Animation: Wähle optional einen Effekt aus dem Auswahlfeld Animation – zum Beispiel um die Bilder beim Laden einzublenden. Wähle Keine Animation für keinen Effekt.
  6. Wiederhole Schritt 4 und 5, bis du alle Bilder hinzugefügt hast.

  7. Reihenfolge ändern: Klicke bei einem Bild auf den Pfeil nach oben oder unten, um es in der Liste zu verschieben.

  8. Bild kopieren: Klicke auf die Schaltfläche Kopieren, um ein Bild mit all seinen Einstellungen zu duplizieren – praktisch, wenn mehrere Bilder die gleiche Beschriftung oder Animation brauchen.

  9. Bild löschen: Klicke auf das Müll-Symbol, um ein Bild zu entfernen.

  10. Klicke auf die grüne Schaltfläche Speichern, um deine Änderungen zu speichern.

    Der Baustein schließt sich, und deine Bilder sind jetzt auf der Seite zu sehen.

Aufbau des Bearbeitungsfensters

Das Fenster ist in zwei Bereiche eingeteilt:

  • Allgemein: Hier stellst du die Überschrift und die Spaltenanzahl ein.
  • Bilder: Hier verwaltest du alle Bilder der Galerie. Jedes Bild hat ein Feld für das Bildmaterial auf der linken Seite und Felder für Beschriftung und Animation auf der rechten Seite. Die Schaltflächen Nach oben und Nach unten verändern die Reihenfolge, Kopieren dupliziert ein Bild und Entfernen löscht es.

Zusätzliche Möglichkeiten

Inhalte mit KI generieren

Falls du noch keine konkreten Bilder hast oder die Beschriftungen automatisch erstellen möchtest, klicke auf das Zauberstab-Symbol Inhalt mit KI generieren. Beschreibe, welche Art von Bildergalerie du dir vorstellst – die KI füllt dann die Struktur mit Inhalten aus. Die generierten Bilder sind Vorschläge; du kannst sie anschließend jederzeit bearbeiten oder austauschen.

Baustein als Vorlage speichern

Wenn du diese Bildergalerie später auf anderen Seiten wiederverwenden möchtest, speichere sie als Vorlage: Klicke auf die Schaltfläche Als Vorlage speichern. Der Baustein wird in dein Vorlagen-Archiv verschoben, und die aktuelle Seite zeigt fortan einen Verweis auf diese Vorlage. Änderungen an der Vorlage wirken sich auf allen Seiten aus, auf denen du sie eingesetzt hast.

Hast du einen Baustein versehentlich als Vorlage gespeichert, kannst du die Verbindung zur Vorlage lösen: Klicke auf die Schaltfläche Verbindung zur Vorlage lösen. Der Baustein wird wieder zu einem eigenständigen Block auf dieser Seite.

Was danach passiert

Deine Bildergalerie wird sofort auf der Seite angezeigt – mit der gewählten Spaltenanordnung, den Bildern und deren Beschriftungen. Besucher können die Seite sehen und die Galerie betrachten.

Du kannst den Baustein jederzeit wieder öffnen und anpassen – neue Bilder hinzufügen, sortieren oder löschen, ohne die Seite neu zu veröffentlichen.

Tipps und Hinweise

  • Bildformate: Verwende Bilder im Format JPG oder PNG. Alle Bilder sollten ähnliche Proportionen haben, damit die Galerie harmonisch wirkt.
  • Responsive Anordnung: Die Spaltenanzahl passt sich auf kleineren Bildschirmen automatisch an – auf Mobiltelefonen werden weniger Spalten angezeigt als am Desktop.
  • Animationen mit Bedacht: Effekte wie Einblendungen wirken elegant, können aber auch ablenkend wirken. Nutze sie sparsam.

Suche