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

Kopfbereich mit Bildkarussell gestalten

Kopfbereich mit Bildkarussell gestalten

Ansicht dieser Seite

Mit diesem Baustein zeigst du ein großes Bild oder mehrere wechselnde Bilder im oberen Bereich einer Seite – zusammen mit Titel, Text und einem Button. Das zieht Blicke auf sich und prägt den ersten Eindruck.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen.

So gehst du vor

Den einfachen Kopfbereich einrichten

  1. Öffne den Bereich zur Bearbeitung des Kopfbildes.
  2. Trage unter Bezeichnung (für Verlinkung) einen kurzen Namen ein – zum Beispiel um später auf diesen Bereich zu verlinken. Dieses Feld ist optional.
  3. Lade ein Bild hoch oder wähle eines aus deiner Galerie. Das Bild wird als Hintergrund des ganzen Bereichs angezeigt. Mit Bild-Anpassung bestimmst du, wie das Bild sich dehnt oder wiederholt.
  4. Wähle ein Symbol (Icon) aus, das neben dem Text angezeigt wird – oder lass das Feld leer, wenn du kein Symbol brauchst.
  5. Schalte Text zentrieren ein, damit die Überschrift und der Text in der Mitte stehen – oder aus, wenn sie einseitig erscheinen sollen.
  6. Schalte Reihenfolge umdrehen ein, wenn das Bild auf der anderen Seite des Textes stehen soll.
  7. Trage unter Unter-Überschrift einen kurzen Vortext ein (optional).
  8. Trage die Hauptüberschrift unter Titel ein.
  9. Schreibe deinen Text unter Text auf – mehrere Absätze sind möglich.
  10. Trage den Schriftzug für den Button unter Button Text ein (optional) – zum Beispiel "Mehr erfahren" oder "Jetzt anrufen".
  11. Wähle die Schaltflächenart für den Button (Farbe und Stil).
  12. Bestimme das Navigationsziel – wohin der Button führt, wenn man ihn anklickt. Du kannst auf eine andere Seite, eine externe Website oder einen Anker verlinken.
  13. Speichere deine Änderungen.

Ein Bildkarussell statt eines einzelnen Bildes verwenden

Wenn du mehrere Bilder hintereinander zeigen möchtest, wechsle zu den Aktionen:

  1. Trage unter Überschrift den Haupttext ein – dieser wird neben den Bildern angezeigt.
  2. Trage unter Kleine Überschrift einen Vortext ein (optional).
  3. Schreibe unter Beschreibung einen längeren Erklärtext (optional).
  4. Klicke auf Bild hinzufügen und lade das erste Bild hoch oder wähle es aus.
  5. Für jedes weitere Bild wiederholst du Schritt 4.
  6. Wenn du die Reihenfolge der Bilder ändern möchtest, nutze die Schaltflächen Nach oben verschieben und Nach unten verschieben neben jedem Bild.
  7. Um ein Bild zu kopieren und erneut zu verwenden, klicke auf Kopieren.
  8. Um ein Bild zu löschen, klicke auf Entfernen.
  9. Speichere deine Änderungen.

Aufbau des Bereichs

Der Bereich hat zwei Hauptteile:

Allgemein (oben): Hier stellst du den Titel, den Text und das Bild für einen einzelnen Kopfbereich ein. Alle Felder sind optional – du kannst so viel oder so wenig ausfüllen, wie du brauchst.

Aktionen (unten): Hier arbeitest du mit mehreren Bildern, die automatisch wechseln. Statt eines Bildes lade hier mehrere Bilder hoch, die der Besucher nacheinander sieht. Du kannst auch Text hinzufügen, der während des Bildwechsels stehen bleibt.

Wenn du Aktionen hinzufügst, wird der einzelne Bereich zur Bildschau.

Was danach passiert

Deine Einstellungen sind sofort auf der Seite sichtbar – schau sie dir in der Vorschau an. Der Button führt Besucher zum Ziel, das du beim Navigationsziel angegeben hast. Die Bilder wechseln automatisch durch, wenn du mehrere hast.

Du kannst jederzeit zurückkommen und Texte, Bilder oder die Reihenfolge ändern. Speichern nicht vergessen – sonst gehen die Änderungen verloren.

Wenn du noch mehr Aufbau brauchst, sieh dir andere Seitenbausteine an oder arbeite mit dem Bildkarussell ohne Kopfbereich.

Tipps und Hinweise

  • Größe der Bilder: Nimm Bilder, die mindestens 1200 Pixel breit sind – so sehen sie auf allen Geräten scharf aus.
  • Text über Bildern: Wenn der Text schlecht zu lesen ist, weil das Bild zu hell ist, nutze ein dunkleres Bild oder lies, wie du die Sichtbarkeit von Text verbesserst.
  • Button braucht ein Ziel: Wenn du einen Button hinzufügst, aber kein Navigationsziel angibst, wird der Button nicht aktiv. Wähle wenigstens eine Seite oder eine externe Website.
  • Symbole: Die Symbole stammen aus einer großen Sammlung – filtere nach Stichwörtern, um das richtige schnell zu finden.

Suche