In WordPress ist ein benutzerdefinierter Header ein Theme-Feature, mit dem Sie Änderungen am Header und am Header-Bild Ihrer Website vornehmen können. Dieses Feature ist seit WordPress 3.0 verfügbar.
Der Header Ihrer Website erscheint am oberen Rand jeder Seite Ihrer WordPress-Website und ist das Erste, was Ihre Besucher sehen. Website-Besitzer können die Funktion für benutzerdefinierte Theme-Header nutzen, um einen besseren ersten Eindruck zu hinterlassen und die Wahrscheinlichkeit zu erhöhen, dass Benutzer die Seiten erkunden.
Abhängig von Ihrem Theme können Sie Änderungen an Ihrem Header über den WordPress Theme Customizer oder den WordPress Full Site Editor vornehmen. Sie können den Header Ihrer Website auch mit einem WordPress-Plugin oder benutzerdefiniertem Code anpassen.
Was ist ein Header in WordPress?
In WordPress ist ein Header ein Bereich, der sich im oberen Bereich jeder Seite einer Website befindet. Er zeigt oft Ihren Seitentitel, Untertitel, Logo, Navigationsmenü, Call-to-Action-Button und Suchfunktion an.
Der Header eines WordPress-Themes wird normalerweise von der Datei header.php verwaltet. Wenn Sie diese Datei ändern, wirkt sich dies auf den Header-Bereich jeder Seite Ihrer Website aus.
Hier ist der benutzerdefinierte Header von WPBeginner:
Die Verwendung von benutzerdefinierten Headern in WordPress
Der Zweck von benutzerdefinierten Headern ist es, Benutzern zu ermöglichen, ihre WordPress-Header anzupassen.
Dies hat viele Vorteile. Sie möchten zum Beispiel vielleicht, dass Ihr Header Ihr Branding besser widerspiegelt und zum Rest Ihres Webdesigns passt. Mit einem benutzerdefinierten WordPress-Header können Sie das Farbschema ändern, das Header-Layout anpassen, ein neues Bild hinzufügen und so weiter.
Wenn Sie einen WooCommerce-Shop betreiben, möchten Sie vielleicht, dass Ihr Header ins Auge fällt und Besucher dazu verleitet, zu bleiben und einen Kauf zu tätigen.
Möglicherweise möchten Sie auch die Benutzererfahrung Ihrer Navigation verbessern, indem Sie das Navigationsmenü anpassen oder sogar unterschiedliche Header für bestimmte Seiten Ihrer Website verwenden.
Anpassen eines Headers in WordPress
Es gibt verschiedene Möglichkeiten, den Header-Bereich Ihrer WordPress-Website anzupassen.
Wenn Sie ein klassisches Theme verwenden, können Sie den WordPress Customizer verwenden, den Sie öffnen können, indem Sie in Ihrem WordPress-Adminbereich zu Design » Anpassen oder Design » Header gehen.
Weitere Details finden Sie in unserem ultimativen Leitfaden zur Verwendung des WordPress Theme Customizers.
Wenn Ihr Theme die vollständige Website-Bearbeitung unterstützt, können Sie diese verwenden, um das Design Ihres Headers zu bearbeiten und benutzerdefinierte Header-Bilder hinzuzufügen. Das bedeutet, dass Sie keine Seite Darstellung » Anpassen in Ihrem WordPress-Dashboard haben. Stattdessen sollten Sie zu Darstellung » Editor navigieren.
Neben der Standard-Header-Vorlage ermöglicht der Full Site Editor auch die Bearbeitung anderer Teile Ihrer Website, wie z. B. Footer. Um mehr darüber zu erfahren, wie diese Funktion funktioniert, lesen Sie unseren Anfängerleitfaden zur WordPress Full Site Editing.
Einige WordPress-Themes haben keine Header-Option, wie z. B. Twenty Twenty-One, was bedeutet, dass Sie keine Kontrolle über das Design haben.
Wenn Sie ein Theme verwenden möchten, das es Ihnen ermöglicht, jeden einzelnen Aspekt Ihrer Website anzupassen, empfehlen wir die Verwendung eines Theme-Builder-Plugins wie SeedProd.
SeedProd ist das beste WordPress-Theme und Page-Builder-Plugin, da es Ihnen ermöglicht, mit einer Drag-and-Drop-Oberfläche ganz einfach ein benutzerdefiniertes WordPress-Theme zu erstellen. Neben Header & Footer können Sie Sidebars und andere Bereiche für Ihr WordPress-Theme erstellen.
Sie können lernen, wie das geht, indem Sie unserer Schritt-für-Schritt-Anleitung folgen, wie Sie ganz einfach ein benutzerdefiniertes WordPress-Theme ohne Code erstellen.
Schließlich können Sie auch benutzerdefinierten Code hinzufügen, um Ihr Header-Design zu ändern. Sie können benutzerdefiniertes CSS und HTML verwenden, um das Aussehen des Headers anzupassen, oder sogar JavaScript hinzufügen, um einen Videoplayer einzubetten oder Ihre Website mit Webdiensten wie Google Analytics zu integrieren.
In diesem Fall empfehlen wir die Verwendung von WPCode. Dieses Code-Snippet-Plugin macht es sicher und einfach, benutzerdefinierten Code zu verschiedenen Theme-Dateien hinzuzufügen, wie z. B. header.php und functions.php.
Um zu lernen, wie Sie das Plugin verwenden, lesen Sie unsere Anleitung zum Hinzufügen von Header- und Footer-Code in WordPress.
Welche Art von Anpassungen können Sie an einem WordPress-Header vornehmen?
Es gibt viele Anpassungen, die Sie vornehmen können, um das Design Ihres WordPress-Headers zu verbessern. Hier sind einige WordPress-Tutorials, die Sie sich ansehen können:
- So fügen Sie Ihrem Website-Header ein WordPress-Widget hinzu
- Hinzufügen von benutzerdefinierten Headern, Footern oder Sidebars für jede Kategorie mit einem Theme-Builder
- So fügen Sie einen Button zu Ihrem WordPress-Header-Menü hinzu
- So fügen Sie Social-Media-Icons zu WordPress-Menüs hinzu
- So fügen Sie Titel in WordPress-Menüs hinzu, ohne zu einer Seite zu verlinken
- Hinzufügen eines Favicons zu Ihrem WordPress-Blog
Wir hoffen, dieser Artikel hat Ihnen geholfen, mehr über benutzerdefinierte Header in WordPress zu erfahren. Möglicherweise möchten Sie auch unsere Liste mit zusätzlichen Lesehinweisen unten für verwandte Artikel über nützliche WordPress-Tipps, Tricks und Ideen ansehen.
Wenn Ihnen dieser Leitfaden gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.
