Inhaltsverzeichnis
Benutzerdefinierte Kopfzeilen sind eine WordPress-Theme-Funktion, mit der Sie Änderungen an Ihrer Kopfzeile und Ihrem Kopfzeilenbild vornehmen können.
Ihr Website-Header erscheint oben auf jeder Seite Ihrer WordPress-Website und ist das Erste, was Ihre Besucher sehen. Es gibt viele Möglichkeiten, wie Website-Besitzer diesen Bereich nutzen können, um einen besseren ersten Eindruck zu vermitteln und ihn für ihre Website-Besucher nützlicher zu gestalten.
Je nach Theme können Sie Ihre Kopfzeile mit dem WordPress-Theme-Customizer oder dem vollständigen WordPress-Site-Editor ändern. Sie können die Kopfzeile Ihrer Website auch mit einem Plugin oder Code anpassen.
Was ist eine Kopfzeile in WordPress
Ihr Website-Header ist der oberste Abschnitt jeder Seite Ihrer WordPress-Website und das erste, was Ihre Besucher sehen. Ein benutzerdefinierter Header kann einen guten ersten Eindruck bei Ihren Nutzern hinterlassen.
Die Kopfzeile zeigt in der Regel das Logo und den Titel Ihrer Website, Navigationsmenüs und andere wichtige Elemente, die die Benutzer als erstes sehen sollen. Hier ist die benutzerdefinierte Kopfzeile.
Warum sollten Sie Ihren WordPress-Header anpassen?
Sie können den WordPress-Header mit Ihrem eigenen Branding anpassen, um Ihren Nutzern die Navigation auf Ihrer Website zu erleichtern und Ihre besten Inhalte zu entdecken.
Vielleicht möchten Sie Ihre Kopfzeile anpassen, indem Sie das Farbschema ändern, das Layout optimieren oder die Schriftgröße ändern. Sie können sogar Bilder oder einen Widget-Bereich hinzufügen oder sogar verschiedene Kopfzeilen für verschiedene Bereiche Ihrer Website verwenden.
Je nach WordPress-Theme können Sie der Kopfzeile ein Bild über die gesamte Breite mit einem Slogan oder einem Call-to-Action-Button hinzufügen. Bei einigen WordPress-Themes können Sie die Position des Logos, der Navigationsmenüs und des Kopfzeilenbildes ändern.
Nachfolgend finden Sie weitere Ideen für die Anpassung Ihrer WordPress-Kopfzeile, aber zuerst wollen wir uns ansehen, wie Sie Ihre Kopfzeile ändern können.
Wie man eine Kopfzeile in WordPress anpasst
Es gibt eine Reihe von Möglichkeiten, wie Sie Ihren WordPress-Header anpassen können, und wir behandeln sie im Detail in unserem Leitfaden für Einsteiger, wie Sie Ihren WordPress-Header anpassen können.
Im Folgenden finden Sie einen kurzen Überblick über die einzelnen Methoden.
Anpassen der Kopfzeile mit dem WordPress Theme Customizer
Bei vielen beliebten WordPress-Themes können Sie den WordPress-Theme-Customizer verwenden, um Änderungen am Kopfbereich Ihres WordPress-Layouts vorzunehmen. Sie finden den Customizer, indem Sie zu Erscheinungsbild " Anpassen in Ihrem WordPress-Administrationsbereich.
Ihr Theme kann einen Abschnitt "Kopfzeile" zum Customizer hinzufügen oder Kopfzeilenoptionen unter dem Abschnitt "Farbe", aber das ist von Theme zu Theme unterschiedlich.
Weitere Einzelheiten finden Sie in unserer ultimativen Anleitung zur Verwendung des WordPress-Theme-Anpassers.
Anpassen Ihrer Kopfzeile mit dem WordPress Full Site Editor
WordPress hat in Version 5.9 die vollständige Bearbeitung von Websites hinzugefügt. Wenn Ihr Theme diese neue Funktion unterstützt, ersetzt sie den Theme-Customizer.
Das bedeutet, dass Sie keine Möglichkeit haben, eine Erscheinungsbild " Anpassen Seite in Ihrem Administrationsbereich. Stattdessen sollten Sie zu Erscheinungsbild " Editor .
Dadurch wird der vollständige Site-Editor gestartet, der dem Block-Editor entspricht, den Sie zum Schreiben von WordPress-Beiträgen und -Seiten verwenden. Wenn Sie auf die Kopfzeile klicken, werden Sie feststellen, dass sich der Name der Vorlage oben auf der Seite in "Seitenüberschrift" ändert.
Wenn Sie mehr über die Funktionsweise des vollständigen Website-Editors erfahren möchten, lesen Sie unseren Leitfaden für Einsteiger, wie Sie Ihr WordPress-Theme anpassen können.
Anpassen der Kopfzeile mit einem Theme Builder Plugin
Wenn Sie die volle Kontrolle über Ihre Kopf- und Fußzeilen und Seitenleisten haben möchten, um Ihrer Website ein einzigartiges Design zu geben, dann empfehlen wir Ihnen SeedProd.
SeedProd ist das beste WordPress-Theme-Builder-Plugin, mit dem Sie ganz einfach ein benutzerdefiniertes WordPress-Theme erstellen können, ohne Code zu schreiben, einschließlich der Erstellung von Kopf- und Fußzeilen und allem, was für ein attraktives WordPress-Theme erforderlich ist.
In unserer Anleitung erfahren Sie, wie Sie ganz einfach und ohne Code ein individuelles WordPress-Theme erstellen können.
Sobald Sie dies getan haben, können Sie Ihre Kopfzeile mit SeedProd ganz einfach anpassen: Klicken Sie einfach auf den Link "Design bearbeiten", der sich unter der Kopfzeile befindet.
Mit dem Drag-and-Drop-Editor von SeedProd können Sie Ihre Kopfzeile ganz einfach anpassen, indem Sie neue Blöcke hinzufügen. Sie können auch auf einen vorhandenen Block klicken, um dessen Farbe, Text und andere Optionen zu bearbeiten.
Mit WPCode Code zur Kopfzeile hinzufügen
Möglicherweise müssen Sie benutzerdefinierten CSS- oder Javascript-Code in Ihre WordPress-Kopf- oder Fußzeile einfügen, wenn Sie einen Videoplayer einbetten, Kalkulatoren hinzufügen oder Ihre Website in Webdienste wie Google Analytics und Google Search Console integrieren möchten.
Da WordPress standardmäßig keine Option zum Einfügen von Code in die Kopf- und Fußzeile Ihrer Website bietet, hat unser Team WPCode entwickelt, ein beliebtes Plugin, mit dem Sie ganz einfach Codeschnipsel in Ihre Kopf- und Fußzeile sowie in die Datei functions.php einfügen können.
Mehr darüber, warum wir WPCode entwickelt haben und wie es Ihre Website zukunftssicher machen kann, erfahren Sie in unserem Ankündigungspost.
Wie Sie das Plugin verwenden, erfahren Sie in unserer Anleitung zum Hinzufügen von Header- und Footer-Code in WordPress. Vielleicht interessiert Sie auch unsere Anleitung zum einfachen Hinzufügen von Javascript zu WordPress-Seiten oder -Beiträgen.
Nützliche Kopfzeilenanpassungen
Hier sind einige nützliche Möglichkeiten, wie Sie Ihren WordPress-Header anpassen können.
Hinzufügen eines benutzerdefinierten Logos zu Ihrer WordPress-Website
Logos stellen eine visuelle Repräsentation des Geschäfts, der Werte und der Mission eines Unternehmens dar und spielen eine wichtige Rolle dabei, wie Kunden eine Marke wahrnehmen. Die meisten WordPress-Themes ermöglichen das Hochladen eines benutzerdefinierten Logos.
Möglicherweise müssen Sie die Größe Ihres Logos anpassen, damit es auf Ihrer Website gut aussieht. Ein zu kleines Logo fällt nicht auf, und ein zu großes kann sich negativ auf das Design Ihrer Website auswirken.
Je nach verwendetem WordPress-Theme ist manchmal nicht klar, wie Sie die Logogröße ändern können. In unserer Anleitung erfahren Sie, wie Sie die Größe Ihres WordPress-Logos mit jedem Theme ändern können.
Wenn Sie noch kein benutzerdefiniertes Logo haben und keinen professionellen Designer beauftragen möchten, dann werfen Sie einen Blick auf unseren Leitfaden zu den besten Orten, an denen Sie ein benutzerdefiniertes Logo für Ihre WordPress-Website mit einem kleinen Budget erhalten können.
Sie können auch einen kostenlosen Logo Maker verwenden, um ein professionelles Logo ohne jegliche Designkenntnisse zu erstellen.
Anpassen Ihres Navigationsmenüs
Ein benutzerdefiniertes Navigationsmenü ist eine weitere Möglichkeit, den Kopfbereich Ihrer WordPress-Website aufzuwerten.
In unserem Leitfaden zum Hinzufügen benutzerdefinierter Navigationsmenüs zeigen wir Ihnen, wie Sie dies mithilfe von Code und Page Builder-Plugins wie SeedProd erreichen können.
Wenn Ihr Theme jedoch die vollständige Site-Bearbeitung unterstützt, können Sie lernen, wie Sie ein benutzerdefiniertes Menü zum Header-Bereich hinzufügen, indem Sie unsere Anleitung für Anfänger zum Hinzufügen eines Navigationsmenüs in WordPress befolgen.
Sie können auch Symbole für soziale Medien in Ihr Navigationsmenü in der Kopfzeile einfügen.
Vielleicht interessieren Sie sich auch für unsere Anleitungen zur Gestaltung von WordPress-Navigationsmenüs und zum Hinzufügen einer Schaltfläche zu Ihrem WordPress-Header-Menü.
Fügen Sie ein WordPress-Widget in Ihre Kopfzeile ein
Einige Websites verwenden ein WordPress-Widget in der Kopfzeile, um die Aufmerksamkeit der Besucher auf sich zu ziehen. Mit Widgets können Sie auf einfache Weise Inhaltsblöcke zu bestimmten Abschnitten Ihres Themes hinzufügen, aber nicht jedes Theme enthält einen Header-Widget-Bereich.
Mit dem SeedProd-Theme-Builder können Sie ganz einfach Widgets zu Ihrem Header hinzufügen, und bei einigen Themes können Sie sie über den WordPress-Theme-Customizer hinzufügen.
Wenn Ihr Theme jedoch keinen WordPress-Widget-Bereich in der Kopfzeile enthält, können Sie einen hinzufügen, indem Sie Code-Schnipsel in Ihre Theme-Dateien einfügen.
Anzeige einer anderen Kopfzeile für jede WordPress-Kategorie
Die meisten Websites zeigen für alle Beiträge, Seiten, Kategorien und Archivseiten dieselbe Kopfzeile an. Sie können jedoch für jede WordPress-Kategorie eine andere Kopfzeile anzeigen.
Dies kann mit einem Theme-Builder oder durch Hinzufügen von Code zu Ihren Theme-Dateien erfolgen. Weitere Einzelheiten finden Sie in unserer Anleitung zum Hinzufügen einer benutzerdefinierten Kopfzeile, Fußzeile oder Seitenleiste für jede Kategorie.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, mehr über benutzerdefinierte Header in WordPress zu erfahren. Vielleicht möchten Sie auch unsere Liste mit weiterführenden Artikeln über nützliche WordPress-Tipps, Tricks und Ideen lesen.
Wenn Ihnen dieser Leitfaden gefallen hat, dann abonnieren Sie doch unseren YouTube-Kanal für WordPress-Videotutorials. Sie finden uns auch auf Twitter und Facebook.
Weitere Lektüre
- Wie Sie Ihre WordPress-Kopfzeile anpassen (Anleitung für Anfänger)
- Hinzufügen einer benutzerdefinierten Kopfzeile, Fußzeile oder Seitenleiste für jede Kategorie
- Benutzerdefinierte Hintergründe
