Kopf- und Fußzeile sind wichtige Bestandteile eines jeden WordPress-Servers – sie prägen das Benutzererlebnis, die Navigation, das Branding und vieles mehr. Mit Elementor, einem der leistungsstärksten Page Builder, wird die Bearbeitung dieser Bereiche einfach und intuitiv – selbst wenn Sie keinerlei Programmierkenntnisse haben. Dieser Leitfaden zeigt Ihnen Schritt für Schritt, wie Sie Kopf- und Fußzeilen mit Elementor bearbeiten können.

Was Sie brauchen

Um Kopf- und Fußzeilen mit Elementor zu bearbeiten, benötigen Sie:

  • WordPress ist installiert und läuft

  • Das Elementor-Plugin

  • Die Elementor Pro-Version (für die vollständige Anpassung von Kopf- und Fußzeilen)

  • Alternativ ein Theme, das die Kopf-/Fußzeilenbearbeitung mit Elementor unterstützt (wie Hello Elementor, Astra oder OceanWP)

Methode 1: Verwendung des Elementor Pro Theme Builders

Elementor Pro enthält einen eingebauten Theme Builder, mit dem Sie Ihre eigenen Kopf- und Fußzeilen von Grund auf entwerfen können.

📌 Schritte:

  1. Elementor Pro installieren und aktivieren

    • Gehen Sie zu Plugins → Neu hinzufügen, laden Sie die Pro-Version hoch und aktivieren Sie sie.

  2. Öffnen Sie den Theme Builder

    • Navigieren Sie zu Templates → Theme Builder

    • Wählen Sie den Reiter Header oder Footer und klicken Sie auf Add New

  3. Wählen Sie eine vorgefertigte Vorlage oder beginnen Sie mit einer leeren Vorlage.

    • Elementor bietet professionelle Kopf- und Fußzeilenblöcke zur Auswahl.

  4. Anpassen per Drag-and-Drop

    • Fügen Sie Widgets wie Logo, Navigationsmenü, Suche, Schaltfläche, soziale Symbole usw. hinzu.

    • Verwenden Sie responsive Einstellungen, um das Layout für Mobilgeräte/Tablets anzupassen.

  5. Anzeigebedingungen festlegen

    • Klicken Sie nach der Bearbeitung auf Veröffentlichen und legen Sie fest, wo es erscheinen soll (gesamte Website, bestimmte Seiten, Kategorien usw.)

  6. Speichern und Vorschau

    • Prüfen Sie, wie die Kopfzeile/Fußzeile auf Ihrer Website aussieht.

Methode 2: Verwendung eines kompatiblen Themes ohne Elementor (keine Pro-Version)

Bei einigen Themes wie Astra, Neve und OceanWP können Sie die kostenlose Version von Elementor verwenden, um Kopf-/Fußzeilen über den WordPress Customizer oder ihre eigenen Hooks anzupassen.

Beispiel mit Astra:

  1. Astra Theme und Astra Widgets installieren

  2. Gehen Sie zu Erscheinungsbild → Anpassen → Header/Footer Builder

  3. Verwenden Sie Elementor, um Header/Footer-Inhalte über Hooks oder Layout-Module zu gestalten

  4. Speichern Sie die Änderungen im Customizer

Hinweis: Diese Methoden bieten nicht die volle Flexibilität wie Elementor Pro, aber dennoch eine gute Kontrolle.

Methode 3: Verwenden Sie ein Plugin (kostenlose Alternative)

Wenn Sie die kostenlose Version von Elementor verwenden und Ihr Theme keine Header/Footer-Bearbeitungen unterstützt, können Sie es versuchen:

  • Elementor Header & Footer Builder von Brainstorm Force

Wie es funktioniert:

  1. Installieren Sie das Plugin über Plugins → Add New

  2. Gehen Sie zu Erscheinungsbild → Kopfzeile, Fußzeile und Blöcke

  3. Klicken Sie auf Add New und wählen Sie Type: Kopfzeile oder Fußzeile

  4. Gestalten Sie das Layout mit Elementor

  5. Legen Sie Standort und Anzeigebedingungen fest

Dieses kostenlose Plugin bietet Ihnen viele Pro-ähnliche Optionen.

Nützliche Widgets für Kopfzeilen und Fußzeilen

  • Website-Logo

  • Navigationsmenü

  • Suchformular

  • Soziale Ikonen

  • Schaltfläche/Aufruf zur Aktion

  • Sprachumschalter (für mehrsprachige Websites)

  • Copyright-Text

Sie können auch dynamische Tags wie {{Seitentitel}}, {{Aktuelles Jahr}}, usw. verwenden.

Abschließende Überlegungen

Das Anpassen von Kopf- und Fußzeilen mit Elementor gibt Ihnen volle Gestaltungsfreiheit und verleiht Ihrer Website einen professionellen Touch. Ob Sie Elementor Pro, ein kompatibles Theme oder ein kostenloses Plugin verwenden, Sie können einzigartige, responsive Designs erstellen, die perfekt zu Ihrer Marke passen.

Übernehmen Sie die Kontrolle über das Aussehen Ihrer Website von oben bis unten – mit Elementor ist das einfach und macht Spaß.