Dagmar, Teilnehmerin im Website-CoWorking und Mitglied im Website-Hafen wollte für ihre neue Buch-Seite einen anderen Header als für den Rest ihrer Website. Genau dafür hat sie sich im CoWorking einen Zeitslot mit mir reserviert.
In einer 10minütigen Breakout-Session konnten wir das direkt auf ihrem Bildschirm mit Hilfe der Funktionen in Elementor Pro (Affiliate-Link) umsetzen. Nebenbei hat Wordfence noch ein Problem verursacht, das haben wir gleich mitgelöst und wir haben den Header noch ein bisschen verschönert, weil das Menü nicht in einer Zeile angezeigt wurde.
Genau das kannst du bei dir selbst nachbauen. Ich zeig’s dir Schritt für Schritt, und die Anleitung funktioniert genauso für deinen Footer.
Dagmar’s Ausgangslage: Ein Header für ihre gesamte Website
Sie hat für ihre gesamte Website einen Header mit Infoleiste, in dem sie auf ihr 0€-Produkt verlinkt.
Dagmar’s Wunsch: Ein individueller Header für ihre Buch-Seite
Auf ihrer Buch-Seite will sie in dieser Infoleiste nicht auf das 0€-Produkt verlinken, sondern auf die Vorbestellung ihres Buchs „Dein Foto-Leben„, das am 5. November 2026 erscheint.
So richtest du einen individuellen Header für eine einzelne Seite ein
- Navigiere in deinem WordPress-Dashboard zu Elementor >> Theme Builder.
- Klicke erst links auf „Kopfzeile“. Rechts oben findest du dann die Option „+ Neu hinzufügen“.
- Jetzt landest du im Elementor-Editor.
Hier kannst du aus den Templates deinen aktuellen Header einfügen und bearbeiten oder du erstellst einen ganz neuen Header. Dagmar hatte das bereits vorbereitet.
- Als nächstes empfehle ich dir, deinen Header noch umzubenennen. So weißt du auch in einem Jahr noch, wofür du diesen Header erstellt hast. Dazu klickst du rechts oben auf die Einstellungen und vergibst einen neuen Titel.
- Wenn du deinen neuen Header fertig bearbeitet hast, klickst du rechts oben auf „Veröffentlichen“.
Dadurch landest du in den Bedingungen. Hier legst du fest, in welchen Bereichen oder auf welchen bestimmten Seiten dein Header angezeigt werden soll.
- Klick auf „Bedingung hinzufügen“.
Mach dir keine Sorge, wegen der roten Fehlermeldung, die danach erscheint. Die macht uns keine Probleme, weil wir die Bedingung im nächsten Schritt anpassen.
- Klick auf das Dropdownfeld, in dem gerade „Globale Seite“ steht und wähle „Singular“ aus.
- Danach erschein ein weiteres Dropdownfeld. Wähle hier „Seiten“ aus.
- Im letzten Dropdownfeld gibst du den Namen (oder ein Wort davon) der jeweiligen Seite ein und wählst die Seite aus der Liste aus.
- Wiederhole die Schritte 6 bis 9, um diese Kopfzeile auf weiteren Seiten hinzuzufügen.
- Kontrolliere auf den entsprechenden Seiten, ob der richtige Header angezeigt wird.
Du hast auch eine Elementor-Frage, bei der du nicht weiterkommst?
Im Website-CoWorking treffen wir uns einmal wöchentlich via Zoom zum Arbeiten an der eigenen Website. Nach deiner Anmeldung kannst du an beliebig vielen Terminen teilnehmen. Und als Willkommens-Geschenk bekommst du sogar einen 10-Minuten-Zeitslot geschenkt, in dem du mir deine Website-Frage stellen kannst.
