Wie implementiert man WordPress verschiedene Header pro Seite?

Ein anständiger Header auf einer WordPress-Site ist unerlässlich, da er die Aufmerksamkeit der Besucher Ihrer Site sofort auf sich zieht und, wenn er gut gemacht ist, ihre gesamte Erfahrung verbessern kann. Immer mehr Shop-Besitzer konzentrieren sich jedoch weniger auf generische Seitenkopfzeilen und mehr auf solche, die einzigartig für sie sind. Auch wenn es auf den ersten Blick entmutigend erscheinen mag, werden Sie es mit unseren Richtlinien innerhalb von Minuten abschließen.

In diesem Artikel gehen wir auf die Einzelheiten ein, wie Sie verschiedene WordPress-Header pro Seite für Ihren Online-Shop implementieren.

Warum benötigt Ihr Shop WordPress verschiedene Header pro Seite?

WordPress verschiedene Kopfzeilen pro Seite ist eine Funktion, die es Benutzern ermöglicht, Kopfzeilen so anzupassen, dass sie sich von anderen Seiten unterscheiden. Ein einzigartiger Header, der seine Aufgabe erfolgreich erfüllt, unterteilt die Seite nicht nur in Abschnitte, sondern macht auch auf die Besonderheiten der Seite aufmerksam.

Aus diesem Grund ist es wichtig, dass Ihre WordPress-Site eindeutige Header enthält. Darüber hinaus können Sie Ihre Erfahrung anpassen, indem Sie jeder Seite eine eindeutige Kopfzeile zuweisen. Sie können den Wortlaut und das Logo der Kopfzeile ändern, um Ihr Publikum besser anzusprechen und auf jeder Seite einen soliden ersten Eindruck zu hinterlassen.

Obwohl es zeitaufwändig sein kann, Ihre WordPress-Kopfzeilen pro Seite zu personalisieren, führt dies oft zu erheblichen Ergebnissen. Aus der Kundenperspektive ermöglicht es ihnen, mehr über Sie und den Zweck jeder Seite zu erfahren und das spezifische Material, nach dem sie suchen, mit minimalem Aufwand zu finden. Es kann auch einen eingängigen Markennamen erfinden, eine Verkaufsseite zusammenstellen und einen einzigartigen WordPress-Header auf jeder Seite Ihres Verkaufstrichters verwenden, um die Conversions zu steigern.

Das Erstellen eines einzigartigen benutzerdefinierten WordPress-Headers für jede Seite einer Website scheint ein mühsames Unterfangen zu sein. Mit unserer Schritt-für-Schritt-Anleitung wird das aber sicher nicht der Fall sein. Tatsächlich ist bei bestimmten Ansätzen alles so einfach wie ein paar Klicks.

So implementieren Sie WordPress Verschiedene Header pro Seite: 3 einfache Methoden

Bevor Sie überhaupt mit der Erstellung der Header beginnen, ist die Auswahl eines zu verwendenden Header-Designs der wesentliche erste Schritt. Werfen Sie einen Blick auf die folgenden Richtlinien und Vorschläge zum Erstellen professioneller WordPress-Header:

• Entwerfen Sie den Titel, die Beschreibung und das Logo der Website.
• Kompatibel mit jeder Bildschirmgröße
• Wählen Sie Bilder aus, die zur Ästhetik Ihrer Marke und jeder Seite passen.
• Verwenden Sie nach Möglichkeit selbst gemachte Fotos, um ein Gefühl der Authentizität zu erzeugen.

Lassen Sie uns nun mit der Implementierung verschiedener WordPress-Header pro Seite beginnen. Im Folgenden finden Sie 3 einfache Ansätze (von einfach bis schwierig), um einen eindeutigen Header für jede Seite in WordPress zu erstellen:

• Theme-Builder verwenden
• Plugins übernehmen
• Manuelle Methode

1. Theme Builder verwenden

Bei den meisten Online-Unternehmen auf WordPress nutzen die Eigentümer häufig den Theme Builder, um einige der wichtigsten integrierten Vorteile dieses Themas zu nutzen. Einige der beliebtesten Theme-Builder sind WooCommerce (einschließlich Woostify), Seed Prod, Template Toaster, … Daher enthält es normalerweise die Funktion, WordPress verschiedene Header pro Seite zu erstellen.

In diesem Artikel nehmen wir das Thema Woostify als Beispiel. Wenn Sie jedoch andere Themen verwenden, wird es sicherlich ähnlich sein, und Sie können die Anweisungen immer in ihren Themen-Tutorials finden.

Schritt 1: Seitenkopf aktivieren

Wenn Sie zu Ihrem Dashboard gehen und auf Darstellung > Anpassen > Layout > Seitenkopfzeile klicken, wird ein neues Fenster angezeigt, wie unten gezeigt.

Schritt 2: Seitenkopfzeilen anpassen

Um das Erscheinungsbild der Kopfzeile Ihrer Seite schnell zu ändern, verwenden Sie einfach die Dropdown-Menüs, um einen neuen Wert für die Anzeigeoption, den Titel, die Textausrichtung, die Hintergrundfarbe, das Bild usw. auszuwählen.

Schritt 3: Veröffentlichen Sie, um zu speichern, was Sie getan haben.

Im nächsten Schritt aktualisieren Sie Ihre Modifikation. Wenn Sie die Kopfzeile jeder Seite Ihrer Website aktualisieren möchten, folgen Sie einfach den obigen Schritten und navigieren Sie dann im Dashboard zu Seiten > Alle Seiten > Ansehen.

Suchen Sie schließlich den Seitenkopfbereich unter Seiteneinstellungen in der rechten Seitenleiste. Sie können jetzt dieselben Anpassungsoptionen wie auf anderen Seiten verwenden. Sie können den Seitentitel auch in WordPress ausblenden.

2. Plugins übernehmen

WordPress-Plugins ermöglichen auch die Anzeige einer eindeutigen Kopfzeile auf jeder Seite. Unique Headers, WP Display Headers, Featured Header Images und viele mehr sind nur einige Beispiele für die vielen verfügbaren WordPress-Plugins.

Plugins sind weit verbreitet, da sie oft spezielle Funktionen mitbringen. Mit diesen Erweiterungen können Sie Ihrer Website und jeder Seite schnell und einfach neue Kopfzeilen hinzufügen. Die Einrichtung und Aktivierung von Plugins gestaltete sich in der Regel einfach: In weniger als zwei Minuten sind Sie fertig.

In unserem Artikel verwenden wir das Plugin namens „Unique Header“. Mit diesem Plugin erscheint ein zusätzliches Header-Bildfeld, wenn Sie einen Beitrag oder eine Seite bearbeiten. Sie können Optionen haben, entweder die gleiche Kopfzeile auf der gesamten Website oder unterschiedliche auf jeder Seite zu verwenden, wenn Sie auch verschiedene Seiten bearbeiten.

Schritt 1: Herunterladen von „Unique Header“

Zunächst müssen Sie das Plugin herunterladen. Gehen Sie zu Plugins > Neu hinzufügen > Suchen Sie nach „ Unique Header “ (oder einem beliebigen Header-Plugin, das Sie erhalten möchten). Klicken Sie anschließend auf „ Herunterladen “ und „ Aktivieren “, um es verwenden zu können.

Schritt 2: Verwenden Sie das Plugin

Wenn Sie das Plugin aktiviert haben, klicken Sie einfach auf „ Set Custom Header Image “ in der rechten unteren Ecke des Bildschirms. Jetzt können Sie ein benutzerdefiniertes Bild hochladen, und Sie sind fertig.

​

Schließlich wird der Header auf Ihrem Frontend so aussehen.

3. Manuelle Methode

Auf WordPress können Header durch Code geändert werden. Obwohl dies eines der besonderen Merkmale von WordPress ist, können dies nicht viele Leute ausführen, da es einige Programmierkenntnisse erfordert. Daher sollten Benutzer ohne technischen Hintergrund diese Strategie vermeiden. Das direkte Bearbeiten der Designdateien wird nicht empfohlen, da selbst ein kleiner Fehler schwerwiegende Probleme für Ihre Website verursachen kann.

Unter Aussehen > Theme-Datei-Editor im WordPress-Dashboard finden Sie die Header-Dateien für Ihr Theme. Gehen Sie zu den Vorlagendateien von style.css und bearbeiten Sie die Kopfzeile. Ersetzen Sie dann den Header-Code in einer Seitenvorlagendatei (z. B. page.php) wie unten. Auf diese Weise können Sie über mehrere Seiten hinweg auf eindeutige WordPress-Header verweisen.

 <?php if(is_page(about)) { get_header('about'); } else { get_header(); } wp_head(); ?>

Wie Sie sehen können, wird die „is_page“-Funktion verwendet, um festzustellen, ob die aktuelle Seite die „ about “-Seite ist, der vorhergehende Code weist WordPress lediglich an, die Datei header-about.php zu verwenden. Andernfalls verwendet WordPress die Standard-Header-Datei. Dort können Sie das Aussehen der Site ändern, indem Sie Code in den Site-Header einfügen oder entfernen.

Fazit

In diesem Artikel haben wir Ihnen gezeigt, wie Sie die verschiedenen Header von WordPress pro Seite in wenigen einfachen Schritten implementieren können. Sie können mit Ihrem Online-Geschäft auf dem Laufenden bleiben und dem Spiel voraus sein und weitere Anleitungen wie diese sehen, indem Sie unsere E-Mail-Liste abonnieren.