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

Ein Karussell mit Bildern und Text gestalten

Ein Karussell mit Bildern und Text gestalten

Du richtest hier ein Karussell ein – einen Bereich, in dem sich Bilder, Überschriften und Texte automatisch durchblättern. Mit einem Karussell kannst du mehrere Inhalte auf kleinem Platz abwechselnd zeigen – etwa Kundenberichte, Produktfotos oder Highlights deines Angebots.

Voraussetzungen

Keine besonderen Voraussetzungen.

So gehst du vor

  1. Öffne den Bearbeitungsbereich des Karussells. Der Bereich zeigt dir zwei Konfigurations-Abschnitte: einen mit allgemeinen Einstellungen oben und einen für die einzelnen Bilder darunter.

  2. Wähle eine Farbvariante, falls mehrere verfügbar sind. Nutze das Auswahlfeld Farbvariante, um das Erscheinungsbild anzupassen. Die genauen Optionen hängen von deinem Design ab.

  3. Gib eine Überschrift über dem Karussell ein (optional). Im Feld Überschrift über dem Karussell kannst du einen Titel hinzufügen, der über allen Bildern angezeigt wird.

  4. Gib eine Bezeichnung für das Karussell ein (optional). Trage im Feld Bezeichnung (für Verlinkung) einen Namen ein, unter dem du das Karussell bei Bedarf verlinken kannst – etwa „Galerie" oder „Referenzen". Dieses Feld ist nur nötig, wenn du von einer anderen Stelle aus auf diesen Bereich verlinken möchtest.

  5. Füge das erste Bild hinzu oder bearbeite die vorhandene Karte. Klicke auf die Schaltfläche Karte hinzufügen, oder nutze die bereits vorhandene Karte. Für jede Karte gibst du ein:

    • Kleiner Titel: Ein kurzer Titel über der Hauptüberschrift (optional).
    • Überschrift: Die Hauptüberschrift für diese Karte.
    • Bild: Klicke auf den Bildbereich, um ein Foto hochzuladen oder auszuwählen. Du kannst hier auch wählen, wie das Bild skaliert wird.
    • Aufzählungspunkte: Füge mit der Schaltfläche Punkt hinzufügen einzelne Punkte hinzu, die unter der Überschrift aufgelistet werden. Du kannst Punkte jederzeit wieder entfernen.
  6. Ordne die Karten durch Verschieben. Neben jeder Karte-Überschrift findest du Schaltflächen zum Verschieben:

    • Der Pfeil nach unten verschiebt diese Karte um eine Position nach unten.
    • Der Pfeil nach oben verschiebt sie nach oben.
  7. Entferne überflüssige Karten. Klicke auf die Schaltfläche mit dem Papierkorb, um eine Karte aus dem Karussell zu löschen.

  8. Speichere deine Änderungen. Sobald du alle Karten eingerichtet hast, speichert das System deine Einstellungen automatisch, während du arbeitest.

Aufbau des Karussell-Editors

Der Editor ist in zwei Abschnitte unterteilt:

Allgemein: Hier stellst du die grundlegenden Einstellungen des gesamten Karussells ein – Farbvariante und die Überschrift, die über alle Karten hinweg angezeigt wird. Zusätzlich kannst du eine Bezeichnung für Verlinkungen eingeben.

Karten: Jede Karte steht für eine Folie im Karussell. Jede Karte enthält:

  • Felder für einen kleinen Titel, eine Hauptüberschrift und ein Bild
  • Eine Liste mit Aufzählungspunkten
  • Schaltflächen zum Verschieben und Löschen

Neue Karten fügst du mit der Schaltfläche Karte hinzufügen am Ende der Liste ein.

Was danach passiert

Deine Einstellungen werden automatisch gespeichert. Das Karussell ist nun auf der Website sichtbar und durchblättert deine Karten automatisch. Besucher sehen der Reihe nach alle Karten mit ihren Überschriften, Bildern und Aufzählungspunkten.

Du kannst jederzeit zurückkommen und einzelne Karten bearbeiten, neu anordnen oder hinzufügen, ohne den Rest der Website zu beeinflussen.

Tipps und Hinweise

  • Überschriften machen das Karussell verständlich: Beschreibe jede Karte mit wenigen Worten – Besucher sollten sofort erfassen, was sie sehen.
  • Aufzählungspunkte kurz halten: Ein Karussell lebt davon, dass es schnell durchblätterbar ist. Lange Listen ermüden.
  • Reihenfolge überlegen: Die erste Karte sehen Besucher als erstes – starte also mit deinem stärksten Bild oder wichtigsten Angebot.
  • Der kleine Titel schafft Struktur: Wenn alle Karten einen kleinen Titel haben, wirkt das Karussell konsistenter und professioneller.

Suche