Kopfbereich und Karussell mit Bildern gestalten

Mit dem Kopfbereich und dem Bildkarussell schaffst du einen ansprechenden Seiteneinstieg. Der Kopfbereich zeigt ein großes Bild mit Text und optionaler Schaltfläche, das Karussell präsentiert mehrere Bilder hintereinander. Beide lassen sich einzeln konfigurieren.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen. Du bearbeitest diese Bereiche direkt auf deiner Website-Seite.

Aufbau des Bearbeitungsfensters

Auf der rechten Seite siehst du zwei Registerkarten: Allgemein für den Kopfbereich und Aktionen für das Bildkarussell. Der Kopfbereich zeigt oben eine Bildauswahl und daneben Textfelder, Schalter und ein Navigationszielfeld. Das Karussell listet darunter alle eingefügten Bilder mit Verwaltungsschaltflächen auf.

So gehst du vor

Kopfbereich einrichten

1. Öffne die Registerkarte Allgemein (falls noch nicht aktiv).

2. Trage eine Bezeichnung (für Verlinkung) ein – das ist ein interner Name, unter dem du diesen Bereich anspringst (z. B. über Links innerhalb der Seite). Das Feld ist nicht sichtbar für Besucher.

3. Wähle ein Bild aus der linken Spalte. Klicke auf den Bildbereich, um ein Bild hochzuladen oder aus deiner Medienbibliothek zu wählen. Mit der Einstellung Bildanpassung legst du fest, wie das Bild dargestellt wird.

4. Wähle optional ein Icon (Symbol) aus – es wird neben dem Text angezeigt.

5. Nutze die Schalter Text zentrieren und Reihenfolge umdrehen, um das Aussehen anzupassen:

   • Text zentrieren: Positioniert Titel und Text in der Mitte statt links
   • Reihenfolge umdrehen: Vertauscht die Anordnung von Bild und Text

6. Fülle die Textfelder aus:

   • Unter-Überschrift: Kleinerer Text über dem Titel (optional)
   • Titel: Die Hauptüberschrift
   • Text: Längerer Beschreibungstext
   • Button Text: Beschriftung der Schaltfläche (z. B. „Mehr erfahren")

7. Wähle einen Button Stil neben dem Button-Text-Feld – das bestimmt das Aussehen der Schaltfläche.

8. Setze das Navigationsziel – klicke auf das Linkfeld und wähle, wohin der Button führt (eine interne Seite, externe URL oder ein Anker auf dieser Seite).

Bildkarussell befüllen

9. Öffne die Registerkarte Aktionen.

10. Fülle die gemeinsamen Felder des Karussells aus:

    • Überschrift: Haupttitel des Karussells
    • Kleine Überschrift: Zusatztext über der Überschrift
    • Beschreibung: Längerer Text unter dem Karussell-Titel

11. Füge das erste Bild hinzu: Klicke auf Bild hinzufügen und wähle ein Bild wie oben beschrieben.

12. Für jedes weitere Bild klickst du erneut auf Bild hinzufügen. Jedes Bild bekommt seinen eigenen Abschnitt mit Verwaltungsschaltflächen:

    • Nach oben/Nach unten verschieben: Ändert die Reihenfolge (grau, wenn das Bild am Ende oder Anfang steht)
    • Kopieren: Dupliziert das Bild mit allen Einstellungen
    • Entfernen: Löscht das Bild aus dem Karussell

13. Klicke auf Speichern oben rechts, um alle Änderungen zu sichern.

Was danach passiert

Der Kopfbereich und das Karussell werden sofort auf deiner Website angezeigt. Der Kopfbereich erscheint oben, das Karussell darunter. Besucher sehen das große Bild mit Text und können die Schaltfläche anklicken. Im Karussell können sie zwischen den Bildern navigieren. Du kannst die Einstellungen jederzeit zurück zum Bearbeitungsfenster und die Texte, Bilder oder Verlinkungen ändern.

Tipps und Hinweise

• Bildformat: Wähle Bilder im Breitformat – sie wirken im Kopfbereich besser als hochformatige Fotos.
• Button optional: Du kannst das Feld Button Text leer lassen – dann wird keine Schaltfläche angezeigt.
• Karussell ohne Kopfbereich: Beide Elemente sind unabhängig. Du kannst ein Karussell verwenden, ohne den Kopfbereich zu gestalten, und umgekehrt.
• Bildanpassung: Probiere die verschiedenen Einstellungen aus – „Abdeckung" füllt den verfügbaren Platz, „Enthalten" zeigt das ganze Bild ohne Zuschnitt.

Weitere Informationen zu verfügbaren Bausteinen findest du unter Block auf einer Seite einrichten (Blockkatalog).