Hero
| Eigenschaft |
Wert |
| Block-Name |
acf/hero |
| Kategorie |
Text & Bild |
| Ausrichtung |
Voll / Breit |
Beschreibung
Der Hero-Block ist der zentrale Einstiegsblock für Seiten und Landingpages. Er zeigt eine grosse Überschrift, optionalen Text und einen Call-to-Action-Button — wahlweise mit Hintergrundbild oder Hintergrundvideo.
Felder
| Feld |
Typ |
Beschreibung |
| Headline |
Text |
Hauptüberschrift |
| Text |
Textarea |
Begleitender Fließtext |
| Button-Label |
Text |
Beschriftung des CTA-Buttons |
| Button-URL |
URL |
Ziel des CTA-Buttons |
| Hintergrundbild |
Bild |
Wird hinter dem Inhalt angezeigt |
| Überschriften-Ebene |
Auswahl |
H1 bis H6 |
Video-Optionen
| Feld |
Typ |
Beschreibung |
| Poster-Bild |
Bild |
Vorschaubild, bis das Video geladen ist |
| Desktop MP4 |
Datei |
Video für Desktop-Aufloesung |
| Desktop WebM |
Datei |
WebM-Alternative für Desktop |
| Mobile MP4 |
Datei |
Optimiertes Video für Mobilgeräte |
| Mobile WebM |
Datei |
WebM-Alternative für Mobil |
Overlay
| Feld |
Typ |
Beschreibung |
| Overlay-Farbe |
Farbwahl |
Farbe der Überblendung |
| Overlay-Deckkraft |
Zahl |
Transparenz des Overlays (0–1) |
Untertitel
| Feld |
Typ |
Beschreibung |
| Untertitel aktiv |
Toggle |
Untertitel ein-/ausblenden |
| Hauptuntertitel |
Text |
Erster Untertitel |
| Nebenuntertitel |
Text |
Zweiter Untertitel |
Anwendungsbeispiele
- Startseite — Hero mit Hintergrundvideo und praegnantem Slogan
- Landingpage — Hero mit Bild, Überschrift und CTA-Button
- Unterseite — Hero nur mit Überschrift als Seitentitel
Empfehlung
Verwende pro Seite nur einen Hero-Block — idealerweise als ersten Block.