Hero-Element

Das Hero-Element wird ganz oben auf der Seite platziert und füllt die komplette Bildschirmbreite und -höhe aus.

  • Zuerst legt man über das + einen neuen Block vom Typ Gruppe (unter Layout-Elemente) an.
  • Über das mittlere von den drei Icons kann man die Breite definieren, der Block sollte über die gesamte Breite ausgerichtet sein.
  • In den Block-Einstellungen (ganz rechts) kann man unter Erweitert noch zusätzliche CSS-Klassen definieren. Füge dort folgende Klassen ein: hero bg-sunrise.
  • Füge innerhalb der Gruppe einen Block vom Typ Überschrift ein.
  • Füge innerhalb der Gruppe einen Block vom Typ Absatz ein.
  • Füge innerhalb der Gruppe einen Block vom Typ Buttons ein. Um den Button mit schwarzem Hintergrund darzustellen, wähle in den Block-Einstellungen bei Hintergrund schwarz aus.
Ansicht im Wordpress-Backend:

Ansicht auf der Webseite: