Bild mit Überschrift und Schaltfläche einbinden
Du fügst ein großes Bild mit darüberliegender Überschrift, Beschreibungstext und optional einer Schaltfläche in deine Seite ein. Dieser Baustein eignet sich für Teaser und Kampagnen-Banner.
Voraussetzungen
Es gibt keine besonderen Voraussetzungen. Du brauchst ein Bild, das du hochladen möchtest.
So gehst du vor
Öffne den Baustein zur Bearbeitung – du siehst mehrere Bereiche zum Ausfüllen.
Lade ein Bild hoch oder wähle eines aus
- Klicke auf das Bildfeld im Bereich Inhalt
- Wähle ein Bild aus deinen Dateien oder lade ein neues hoch
- Das Bild wird im Seitenverhältnis 5:3 (Querformat) angezeigt – der Editor zeigt dir automatisch den richtigen Bildausschnitt
Trage eine Überschrift ein
- Fülle das Feld Überschrift aus
- Du kannst hier mehrzeiligen Text nutzen und ihn mit Markdown formatieren
Schreibe einen Beschreibungstext (optional)
- Nutze das Feld Text für weitere Erklärungen oder Inhalte
- Auch hier ist Markdown-Formatierung möglich
Richte eine Schaltfläche ein (optional)
- Trage einen Text ins Feld Schaltflächen-Text ein – nur dann erscheint eine Schaltfläche
- Wähle einen Stil für die Schaltfläche, etwa "Primär" oder "Sekundär"
- Lege das Ziel fest: Klicke auf Ziel und wähle eine Seite aus oder gib einen Link ein
- Hinweis: Ohne Text wird keine Schaltfläche angezeigt
Entscheide, wo das Bild stehen soll
- Im Bereich Aufbau wählst du Bild links oder Bild rechts
- Der Text und die Schaltfläche stehen dann auf der gegenüberliegenden Seite
Speichere deine Änderungen – der Baustein wird sofort aktualisiert
Aufbau des Bausteins
Der Baustein teilt sich in mehrere Einstellungsbereiche:
Inhalt
- Bildfeld: Hier ladest du das Bild hoch oder wählst es aus
- Überschrift: Haupttext, der auf dem Bild liegt
- Text: Zusätzlicher Beschreibungstext
Schaltfläche
- Schaltflächen-Text: Das Label der Schaltfläche (Pflichtfeld, damit sie sichtbar wird)
- Schaltflächenstil: Visuelles Design der Schaltfläche
- Ziel: Die Adresse oder Seite, auf die die Schaltfläche verlinkt
Aufbau
- Bildposition: Wähle zwischen Bild links und Bild rechts
Was danach passiert
Der Baustein wird auf deiner Seite angezeigt, sobald du speicherst. Das Bild wird mit deinen Texten und der Schaltfläche kombiniert und dabei automatisch responsiv an die Bildschirmgröße angepasst. Der Text auf dem Hintergrund bleibt lesbar.
Tipps und Hinweise
- Bildgröße: Verwende hochwertige Fotos in ausreichender Auflösung – sie werden sonst pixelig.
- Text auf Bildern: Achte darauf, dass dein Text ausreichend Kontrast zum Bild hat. Sehr helle oder sehr dunkle Bilder können die Lesbarkeit erschweren.
- Schaltfläche weglassen: Lasse das Feld Schaltflächen-Text leer, wenn du nur ein Bild mit Text brauchst – ohne Text erscheint die Schaltfläche nicht.
- Mehrere Bilder nebeneinander: Nutze den Baustein Bildergalerie, wenn du mehrere Bilder zeigen möchtest.