Hero Bild

Das Hero-Bild ist ein großflächiges, prominent direkt unterhalb der Hauptnavigation platziertes Titelbild.

Es dient dazu, den ersten Eindruck zu prägen, Aufmerksamkeit zu erzeugen und die zentrale Botschaft der Seite visuell zu unterstützen.
Sie können das Hero-Bild mit einem kurzen Text, einer Überschrift sowie einem Button kombinieren, um Besucherinnen und Besucher direkt anzusprechen und zur weiteren Interaktion einzuladen.

Ein Beispiel für ein fertig umgesetztes Hero-Bild mit optionaler Textbox finden Sie direkt hier oben auf der Seite ↑

1

Abb. 1

Im oberen Bereich der Seite (“Hero Bild”) auf +Neuen Inhalt erstellen klicken (Abb. 1)

2

Abb. 2

Dort gibt es nur das Content-Element “Hero Bild”zur Auswahl. Dieses nun durch Klick übernehmen (Abb. 2)

3

Abb. 4

Im Reiter “Medien” wählen Sie ein Bild in ausreichender Größe aus (Abb. 4) und speichern ab - fertig ist das Hero-Bild.

Infos zu Bildgrößen

Tutorial: Bilder hochladen und Metadaten ausfüllen

4

Abb. 3

Wenn Sie möchten, fügen Sie nun noch eine optionale Textbox hinzu:

Füllt man das Feld “Überschrift” aus, wird diese im Frontend als Headline vom Typ “H1” ausgegeben. Ebenso kann auch noch ein Text sowie ein Button eingefügt werden. - es handelt sich hier um denselben Text-Editor wie im Content-Element “Text”

Tutorial: Text-Editor, Link-Button usw.

Den Text-Block können Sie auf dem Hero-Bild standardmäßig links oder alternativ mittig oder rechts platzieren (Abb. 3) - am besten ausprobieren, was zum Bildmotiv am besten passt.