Kopfbereich mit Bild oder Bildkarussell einrichten
Im Kopfbereich einer Seite kannst du ein großes Bild mit Überschrift und Schaltfläche platzieren – entweder als einzelnes Bild oder als automatisch wechselndes Karussell. Das zieht Blicke auf sich und führt Besucher zu einer gewünschten Aktion.
Voraussetzungen
Du bearbeitest gerade eine Seite in deiner Website und möchtest einen Kopfbereich hinzufügen oder bearbeiten. Wie du einen neuen Block hinzufügst, liest du unter Block auf einer Seite einrichten.
So gehst du vor
Für ein einzelnes großes Bild:
Öffne den Block zur Bearbeitung. Du siehst vier Bereiche zum Ausfüllen: Kopf, Bild, Schaltfläche und Weitere Optionen.
Trage unter „Kopf" deine Texte ein:
- Kleine Überschrift: Ein kurzer Teaser vor dem Haupttitel (optional). Du kannst hier Markdown-Formatierung verwenden.
- Überschrift: Dein Haupttitel (optional).
- Einleitung: Erklärtext unter der Überschrift (optional).
Wähle unter „Bild" dein Bild aus. Das Bild wird im Format 16:9 zugeschnitten. Du kannst es hochladen, eine vorhandene Bilddatei auswählen oder die Bildanpassung verändern.
Richte unter „Schaltfläche" eine Schaltfläche ein (optional):
- Text der Schaltfläche: Was soll auf der Schaltfläche stehen? Zum Beispiel „Jetzt buchen" oder „Mehr erfahren".
- Ziel: Wohin führt die Schaltfläche? Wähle eine Seite deiner Website, eine externe Internetadresse oder eine E-Mail-Adresse.
- Stil: Entscheide, wie die Schaltfläche aussieht – beispielsweise die Farbe und Form.
In „Weitere Optionen" kannst du zusätzlich:
- Dem Block eine aussagekräftige Bezeichnung geben (nur für dich sichtbar, hilft dir, den Block später zu finden).
- Festlegen, ob das Bild auf der linken oder rechten Seite des Textes stehen soll.
Für ein wechselndes Bildkarussell:
Öffne den Block zur Bearbeitung. Du siehst drei Bereiche: Kopf, Bilder und Weitere Optionen.
Trage unter „Kopf" deine Texte ein (wie oben beschrieben).
Unter „Bilder" fügst du mehrere Bilder hinzu:
- Klicke auf „Bild hinzufügen", um das erste Bild hochzuladen oder auszuwählen.
- Jedes Bild wird im Format 16:9 zugeschnitten.
- Um weitere Bilder hinzuzufügen, klickst du erneut auf „Bild hinzufügen".
- Die Reihenfolge kannst du mit den Pfeilen ändern (Bild nach oben oder unten verschieben).
- Um ein Bild zu kopieren, nutze die Kopierschaltfläche – das ist praktisch, wenn mehrere Bilder ähnlich sein sollen.
- Um ein Bild zu entfernen, klickst du auf das Löschen-Symbol.
In „Weitere Optionen" gibst du dem Block optional eine Bezeichnung.
Die Bilder wechseln auf der veröffentlichten Website automatisch. Besucher können auch manuell zwischen ihnen navigieren.
Aufbau des Fensters
Kopf-Bereich:
- Kleine Überschrift, Überschrift und Einleitung sind alle optional. Du kannst einen, mehrere oder alle nutzen – je nach dem, welche Information du vermitteln möchtest.
Bild-Bereich (einzelnes Bild):
- Das Bild wird automatisch im Format 16:9 zugeschnitten, um auf großen und kleinen Bildschirmen gut auszusehen.
Schaltfläche-Bereich (nur beim einzelnen Bild):
- Text, Ziel und Stil sind alle optional. Ohne Text wird die Schaltfläche nicht angezeigt.
Bilder-Bereich (Karussell):
- Jedes Bild kann einzeln bearbeitet werden. Mit den Aktionsschaltflächen änderst du die Reihenfolge, kopierst oder löschst Bilder.
Weitere Optionen:
- Blockbezeichnung: Hilft dir nur bei der Verwaltung – ist auf der Website nicht sichtbar.
- Bildposition (nur beim einzelnen Bild): Stellt ein, ob Bild und Text nebeneinander oder gestapelt angezeigt werden.
Was danach passiert
Die Änderungen werden automatisch gespeichert. Du kannst den Block jederzeit wieder öffnen und anpassen. Um die Änderungen auf deiner Website sichtbar zu machen, musst du die Website noch veröffentlichen.
Tipps und Hinweise
- Bildqualität: Verwende klare, aussagekräftige Bilder mit hoher Auflösung. Der Kopfbereich ist sehr prominent – ein schönes Bild macht großen Eindruck.
- Text lesbar halten: Wenn Text über dem Bild liegt, achte auf guten Kontrast. Sehr helle oder sehr dunkle Bilder sind schwierig zu beschriften.
- Karussell oder einzelnes Bild: Ein Karussell zieht mehr Aufmerksamkeit auf sich, aber nicht jede Seite braucht mehrere Bilder. Nutze das Karussell nur, wenn du wirklich mehrere gleichwertige Motive zeigen möchtest.
- Schaltflächen-Text: Ein guter Text ist kurz und aktiv – „Buchen" statt „Hier klicken", „Mehr erfahren" statt „Weiter".