Hinzufügen verschiedener Header-Bilder zu bestimmten Seiten und Beiträgen in WordPress

Einige WordPress-Benutzer zeigen gerne einzigartige Header-Bilder auf verschiedenen Posts und Seiten an oder fügen zufällige/rotierende Header-Bilder auf bestimmten Seiten ihrer WordPress-Site hinzu.

Es gibt eine Möglichkeit, ein Header-Bild zu einer neuen Seite oder einem bestehenden Beitrag in WordPress hinzuzufügen, indem Sie die Option „Featured Image“ in Ihrem WordPress-Post-Bearbeitungsbildschirm verwenden. Das einzige Problem ist, dass Sie manchmal CSS- und PHP-Code hinzufügen müssen, was eine zeitraubende Herausforderung sein kann.

Eine einfachere Möglichkeit, ein anderes Header-Bild in WordPress hinzuzufügen, besteht darin, ein Plugin namens Dynamic Headers zu installieren. Es ist ein kostenloses Plugin, mit dem Sie verwalten können, welche Header-Medien auf jeder Seite / jedem Beitrag angezeigt werden. Mit dynamischen Headern können Sie auch einen Dateityp hinzufügen, einschließlich Flash-Dateien.

Das Plugin für dynamische Header-Bilder bietet außerdem:

• Möglichkeit, Links zu verschiedenen Header-Bildern hinzuzufügen
• Kompatibilität für Twenty-Design
• Funktioniert mit verschiedenen Browsern
• Rotierende Header-Bilder auf verschiedenen Seiten und Beiträgen
• Erlaubte Dateitypen: .jpg, .jpeg, .gif, .png, .swf

Wenn Sie noch kein Header-Bild haben, finden Sie dieses Tutorial zum Erstellen eines Headers für WordPress hilfreich.

Dynamisches Header-Plugin

Hier sind einige wichtige Anweisungen des Plug-in-Entwicklers vor dem Hochladen Ihrer Header-Bilder. Sie müssen einen neuen Ordner auf Ihrem Webserver erstellen und etwas PHP-Code zur header.php-Datei Ihres Themes hinzufügen.

Beschreibung : Mit diesem Plugin können Sie verschiedene Medientypen (JPG-, GIF-, PNG- und Flash-Dateien) hochladen, die Sie als Header auf Ihrer Website verwenden können.

Sie können verschiedene Header verschiedener Dateitypen zuweisen, die auf verschiedenen Posts/Seiten verwendet werden.

Sie können auch einen Standard-Header festlegen, der für Beiträge/Seiten verwendet wird, die keinen festgelegten Header haben.

1. Nach der Installation des Plugins musst du einen Ordner namens header-images in deinem wp-content-Ordner (/wp-content/header-images/) erstellen. Sie müssen diesen Ordner beschreibbar machen. Wenn Sie sich nicht sicher sind, wie Sie dies tun sollen, wenden Sie sich an Ihr Hosting-Unternehmen, Ihre Hilfedateien für Ihr Hosting, Ihre FTP-Client-Dokumentation usw. Dieser Vorgang kann von Server zu Server variieren.

Wenn das Verzeichnis nicht beschreibbar ist, sollte oben auf den Plugin-Admin-Seiten eine Fehlermeldung angezeigt werden.

2. Laden Sie Medien (unter Verwendung der oben aufgeführten Dateitypen) auf der Seite „Neue Datei hinzufügen“ hoch.

3. Gehen Sie zur Einstellungsseite (erstellt unter dem vom Plugin erstellten Kopfzeilen-Menü). und legen Sie Ihr Standard-Header-Bild fest. Wenn Sie kein Standard-Kopfzeilenbild festlegen, werden für Beiträge und Seiten, denen kein Kopfzeilenbild zugeordnet ist, keine Medien angezeigt.

Alternativ kannst du auch mit deinem FTP-Client oder einem anderen Dateimanager Bilder zum Verzeichnis /wp-content/header-images/ hinzufügen.

4. Erstellen oder bearbeiten Sie einen Beitrag oder eine Seite und unten auf der Seite sehen Sie ein neues Feld namens „Dynamic Header by Nicasio Design“. Wählen Sie aus der Dropdown-Liste eine Ihrer hochgeladenen Mediendateien aus. Dieses Medium wird nur auf der Seite oder in den Posts angezeigt, auf denen es angezeigt werden soll.

5. SICHERN SIE IHR THEMA-VERZEICHNIS, BEVOR SIE ÄNDERUNGEN AN THEMA-DATEIEN VORNEHMEN

6. Jetzt musst du das vom Plugin erstellte Template-Tag zu deiner Theme-Datei hinzufügen, wo dein dynamischer Header erscheinen soll (normalerweise in wp-content/themes/your-theme-name/header.php).

Sie haben zwei Möglichkeiten, Ihren dynamischen Header hinzuzufügen:

Option 1 (empfohlen): Ziehen Sie einfach diese Codezeile in Ihre Designdatei, die Ihren Header steuert (normalerweise header.php).

Hinweis: Der Ort zum Hinzufügen dieses Codes kann von Design zu Design stark variieren und abhängig von den CSS-Einstellungen Ihres Designs müssen Sie möglicherweise Option 2 verwenden und das CSS Ihres Designs ändern.

 <?php if(function_exists('show_media_header')){ show_media_header(); } ?>

Dadurch wird automatisch festgestellt, welche Art von Medien Sie verwenden, und der entsprechende Code zum Einfügen generiert. Es ist Ihrerseits keine weitere Codierung erforderlich.

Option 2: Sie können diese Codezeile verwenden, um einfach die URL der Medien für einen bestimmten Beitrag oder eine bestimmte Seite abzurufen. Auf diese Weise können Sie einige fortgeschrittenere Dinge tun und die Medien selbst einbetten, wenn Sie wissen, was Sie tun.

 <?php if(function_exists('dh_get_page_image_url')){ $dynamic_header_url = dh_get_page_image_url(); } ?>

Sie können dann die Variable $dynamic_header_url verwenden, wie Sie es für richtig halten. Es enthält den vollständigen Pfad zu Ihrer Mediendatei für diese bestimmte Seite/diesen Beitrag, einschließlich aller Standardmedien, die angezeigt werden sollen.

Es wird empfohlen, dass die meisten Benutzer nach Möglichkeit einfach Option 1 verwenden, da dies wesentlich einfacher ist.

Hinweis: Diese Funktion kann NULL oder die Zeichenfolge „None“ zurückgeben, wenn es keine Kopfzeilen für die aktuelle Seite gibt. Dynamischer Quell-Header

Hinzufügen neuer Header-Bilder

Sobald Sie den Benutzeranweisungen gefolgt sind und einen neuen Ordner für Header-Bilder auf Ihrem Server eingerichtet haben, können Sie ein neues Header-Bild auf dem Bildschirm „ Neue Datei hinzufügen“ hochladen.

Sobald Sie Ihr Header-Bild hochgeladen haben, können Sie zu jedem Post- oder Seitenbearbeitungsbildschirm gehen, zum Ende der Seite scrollen und auswählen, welches Header-Bild Sie für diese einzigartige Seite oder Posts verwenden möchten.

Header-Bilddateien verwalten

Hier können Sie Header-Bilddateien löschen, Dateien bearbeiten, indem Sie das zu ändernde Header-Bild auswählen und die Link-URL und den Alt-Text ändern. Das war es für diesen Bildschirm.

Header-Bildeinstellungen

Es gibt 2 Haupteinstellungen auf dieser Seite.

Standard-Header-Medium

Wenn Sie keine Standardkopfzeile festlegen, wird auf Seiten, auf denen keine festgelegt ist, keine angezeigt. Wenn Sie Zufällige Medien auswählen, wird eine Ihrer Mediendateien zufällig auf Seiten angezeigt, denen keine Kopfzeile zugeordnet ist.

Kopfzeile der Blog-Seite

Die Blog-Seite ist die Standard-Homepage für WordPress. Es ist die Seite, auf der Ihre neuesten Beiträge angezeigt werden. Der Kopf der Blogseite muss separat behandelt werden. Wählen Sie mit diesem Dropdown-Menü die Medien aus, die auf der Blog-Seite verwendet werden sollen.

Fazit

Tolles Plugin zum Hinzufügen und Verwenden verschiedener Header-Bilder auf bestimmten Seiten und Beiträgen in WordPress. Wenn Sie ein absoluter Neuling sind, müssen Sie möglicherweise Ihren Webhost bitten, auf Ihrem Server ein neues Dateiordnerverzeichnis für Ihre Header-Bilder zu erstellen und sicherzustellen, dass es beschreibbar ist. Außerdem müssen Sie den PHP-Code zur header.php-Datei Ihres Themes hinzufügen.

Haben Sie eine andere Möglichkeit gefunden, verschiedene Header-Bilder auf bestimmten Seiten und Beiträgen in WordPress hinzuzufügen?