Mit diesem Baustein erstellst du einen großen Kopfbereich oben auf einer Seite. Du kannst dort eine Überschrift, einen erläuternden Text und ein Bild unterbringen – und optional eine Schaltfläche, die deine Besucher anklicken können. Du kannst auch mehrere dieser Bilder hintereinander als Karussell einbauen, durch das deine Besucher blättern.
Voraussetzungen
Es gibt keine besonderen Voraussetzungen. Du kannst diesen Baustein auf jeder Seite einrichten.
So gehst du vor
Einfacher Kopfbereich mit einem Bild
Öffne den Bereich Kopf und trage eine kleine Überschrift ein (optional).
Kleine Überschrift: Ein Wort oder ein kurzer Satz oberhalb der Hauptüberschrift. Dieses Feld kannst du leer lassen.
Trage eine Überschrift ein.
Überschrift: Der Haupttitel des Bereichs – dieser Text wird groß dargestellt.
Trage eine Einleitung ein (optional).
Einleitung: Ein kurzer erklärender Text unter der Überschrift. Du kannst den Text später mit Markdown formatieren – zum Beispiel, um einzelne Wörter fett oder kursiv zu machen.
Öffne den Bereich Bild und wähle ein Foto aus.
Klicke auf das Bildfeld, um ein Bild hochzuladen oder auszuwählen. weboffice schneidet das Bild automatisch auf das richtige Format zu (Breitbild). Du kannst im Editor den Ausschnitt verschieben, um den wichtigsten Teil des Bildes zu sehen.
(Optional) Öffne den Bereich Schaltfläche und richte eine anklickbare Schaltfläche ein.
- Text der Schaltfläche: Was soll auf der Schaltfläche stehen? Zum Beispiel „Termin buchen", „Mehr erfahren" oder „Kontakt".
- Ziel: Wohin führt die Schaltfläche? Du kannst eine Seite deiner Website verlinken, eine externe Website eingeben oder eine E-Mail-Adresse eintragen.
- Stil: Wähle aus, wie die Schaltfläche aussehen soll – weboffice zeigt dir direkt eine Vorschau.
(Optional) Öffne Weitere Einstellungen und entscheide, auf welcher Seite das Bild stehen soll.
Bild links / Bild rechts: Normalerweise steht das Bild auf der rechten Seite. Wenn du möchtest, dass es links ist, verschiebe den Regler nach links.
Sobald du die Einstellungen speicherst, siehst du eine Vorschau – so kannst du kontrollieren, wie es nachher aussieht.
Kopfbereich mit mehreren Bildern (Karussell)
Wenn du mehrere Bilder hintereinander zeigen möchtest, nutze die Karussell-Variante:
Öffne den Bereich Kopf und trage Überschrift, kleine Überschrift und Einleitung ein (genauso wie oben).
Öffne den Bereich Bilder.
Klicke Bild hinzufügen, um das erste Bild einzufügen.
Wähle das Bild aus und stelle den Bildausschnitt ein (wie oben beschrieben).
Wenn du mehrere Bilder brauchst, klicke wieder Bild hinzufügen und wiederhole die Schritte.
Für jedes Bild kannst du – über die Symbole rechts neben dem Bild:
- Es nach oben oder unten verschieben, um die Reihenfolge zu ändern
- Es duplizieren, wenn zwei Bilder sehr ähnlich sein sollen
- Es löschen, wenn du es nicht mehr brauchst
(Optional) Öffne Weitere Einstellungen und gib diesem Bereich einen Namen, damit du ihn später leicht wiederfindest.
Deine Besucher sehen dann Pfeile oder Punkte, mit denen sie durch die Bilder blättern können.
Aufbau des Bereichs
Der Kopfbereich ist in drei Teile gegliedert:
- Kopf: Hier gibst du den Text ein – Überschrift, kleine Überschrift und erklärenden Text.
- Bild (oder Bilder beim Karussell): Dein Foto oder deine Grafik. weboffice schneidet es automatisch ins Breitbildformat.
- Schaltfläche (nur beim einfachen Bereich): Eine anklickbare Schaltfläche mit Text und Ziel-Link. Du kannst gestalten, wie die Schaltfläche aussehen soll.
Die Einleitung und der Text der Schaltfläche unterstützen Markdown – du kannst also Wörter fett oder kursiv formatieren.
Was danach passiert
Sobald du die Einstellungen speicherst, wird der Bereich auf deiner Seite angezeigt. Wenn du ein Karussell mit mehreren Bildern eingebaut hast, können deine Besucher zwischen den Bildern hin- und herblättern.
Dieser Baustein ist oft der erste Eindruck, den Besucher von deiner Seite bekommen – stelle sicher, dass das Bild aussagekräftig ist und der Text klar macht, worum es auf dieser Seite geht.
Ähnliche Bausteine für andere Zwecke findest du unter Hero-Bausteine, Karussells oder Bildergalerie.
Tipps und Hinweise
- Bildformat: weboffice schneidet das Bild auf Breitbildformat (16:9) zu. Achte darauf, dass der wichtigste Teil des Bildes in der Mitte liegt – so bleibt er auch auf kleineren Bildschirmen sichtbar.
- Text kurz halten: Der Kopfbereich ist ein Eyecatcher – zu viel Text wirkt überladen. Nutze die kleine Überschrift für einen Hinweis, die große Überschrift für die Botschaft, die Einleitung für Kontext.
- Schaltfläche nur wenn nötig: Eine Schaltfläche macht Sinn, wenn du möchtest, dass Besucher etwas Bestimmtes tun (zum Beispiel eine Seite anklicken, einen Termin buchen oder eine E-Mail schreiben). Wenn das nicht passt, lasse die Schaltfläche weg.
- Karussell mit Bedacht: Ein Karussell mit vielen Bildern kann deine Besucher überfordern. Zwei bis vier Bilder sind meist genug.