Jetzt anfragen für Januar 2026

Instagram Facebook Linkedin Pinterest

WordPress | Elementor (Pro) | Hero Section

Hero Section mit WordPress und Elementor gestalten

Die Hero Section ist das Erste, was Besucher:innen auf deiner Website sehen – und oft der Moment, in dem sie entscheiden: bleibe ich oder klicke ich weg?
In diesem Tutorial zeige ich dir, wie du mit Elementor eine moderne, ansprechende und responsive Hero Section erstellst – ganz ohne Code, dafür mit Strategie

Sie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen
Inhalt entsperren Erforderlichen Service akzeptieren und Inhalte entsperren

Schritt-für-Schritt-Anleitung: Hero Section in Elementor erstellen

1. Neue Sektion erstellen

  • Öffne deine Seite in Elementor und klicke auf das Plus-Symbol, um eine neue Section anzulegen.
  • Wähle die Struktur mit nur einer Spalte – sie eignet sich perfekt für einen klaren, zentrierten Aufbau.
  • Wechsle in den Reiter „Content/Layout“und stelle die Höhe der Section auf „Minimale Höhe“. Wähle 87 VH, damit die Section bildschirmfüllend dargestellt wird – also unabhängig von der Bildschirmgröße immer den gesamten Viewport einnimmt.

Im gleichen Menü kannst du bei „Vertikale Ausrichtung“ den Wert Mitte wählen – so wird dein Inhalt automatisch zentriert, ohne dass du manuell mit Abständen tricksen musst.

Kennenlerncall buchen