Hinzufügen zusätzlicher Standardheader zum WordPress Twenty Ten-Design

Das Twenty Ten-Design enthält acht Standardheader. Jeder von Ihnen festgelegte Standardheader wird durch das gekennzeichnete Bild eines Beitrags ersetzt. Sie können den neuen Header nur sehen, wenn Sie diesen Beitrag anzeigen. In diesem kurzen WordPress-QuickTipp erfahren Sie, wie einfach es ist, zusätzliche Header zum Header-Bereich hinzuzufügen.

Schauen Sie sich den Screencast an

Functions.php

Öffnen Sie die Datei functions.php des Themas Twenty Ten. Suchen Sie den folgenden Abschnitt:

// Standardmäßige benutzerdefinierte Header, die mit dem Design gepackt wurden. % s ist ein Platzhalter für den URI des Designvorlagenverzeichnisses.

Was folgt, ist ein Array, das die aktuellen Standardheader und ihre Position auflistet. Fügen Sie nach der letzten Klammer des Arrays des Sunset-Headers ein Komma hinzu. Hier ein Beispiel, wie es aussehen kann, nachdem zwei weitere Header hinzugefügt wurden:

 register_default_headers (array ('berries' => array ('url' => '% s / images / headers / berries.jpg', 'thumbnail_url' => '% s / images / headers / berries-thumbnail.jpg', / * Übersetzer: Header Bildbeschreibung * / 'description' => __ ('Berries', 'twentyten')), 'cherryblossom' => array ('url' => '% s / images / headers / cherryblossoms.jpg') 'thumbnail_url' => '% s / images / headers / cherryblossoms-thumbnail.jpg', / * Umsetzer: Header Bildbeschreibung * / 'description' => __ ('Cherry Blossoms', 'twentyten')), 'konkav' => array ('url' => '% s / images / headers / concave.jpg', 'thumbnail_url' => '% s / images / headers / concave-thumbnail.jpg'), / * Übersetzer: Header-Bildbeschreibung * / 'description' => __ ('Concave', 'twentyten')), 'fern' => array ('url' => '% s / images / headers / fern.jpg', 'thumbnail_url' => '% s / images / headers / fern-thumbnail.jpg ', / * translators: header image description * /' description '=> __ (' Fern ',' twentyten ')),' forestfloor '=> array (' url '= > '% s / images / headers / forestfloor.jpg', 'thumbnail_ur l '=>'% s / images / headers / forestfloor-thumbnail.jpg ', / * translators: header image description * /' description '=> __ (' Forest Floor ',' twentyten ')),' inkwell '= > array ('url' => '% s / images / headers / inkwell.jpg', 'thumbnail_url' => '% s / images / headers / inkwell-thumbnail.jpg') / * translators: header image description * / 'description' => __ ('Inkwell', 'twentyten')), 'path' => array ('url' => '% s / images / headers / path.jpg'), 'thumbnail_url' => '% s /images/headers/path-thumbnail.jpg ', / * translators: header image description * /' description '=> __ (' Pfad ',' 20ten ')),' sunset '=> array (' url '=> '% s / images / headers / sunset.jpg', 'thumbnail_url' => '% s / images / headers / sunset-thumbnail.jpg', / * Übersetzer: header image description * / 'description' => __ (' Sunset ',' twentyten ')),' waterfall '=> array (' url '=>'% s / images / headers / waterfall.jpg ',' thumbnail_url '=>'% s / images / headers / Wasserfall-Thumbnail .jpg ', / * translators: header image description * /' description '=> __ (' Wasserfall ',' zwanzig yten ')),' mountain '=> array (' url '=>'% s / images / headers / mountain.jpg ',' thumbnail_url '=>'% s / images / headers / mountain-thumbnail.jpg ', / * translators: header image description * / 'description' => __ ('Berg', '20'))))); 

Lassen Sie uns den Code ein wenig analysieren.

register_default_headers: Dies ist die Funktion, die unsere Standardheader erstellt und anzeigt. Es akzeptiert eine Reihe von Parametern.

Name: Legt einen Wert mit dem Namen unserer Header fest. Wir können dann eine Reihe zusätzlicher Werte und Schlüssel festlegen.

URL: Relativer Pfad zum Header-Bild. Beachten Sie, dass der aktuelle Pfad /images/headers/image_name.jpg lautet

thumbnail_url: Relativer Pfad zu einer Miniaturansicht des Kopfbildes. Der aktuelle Pfad ist /images/headers/image_name-thumbnail.jpg

Beschreibung: Eine Beschreibung des Bildes. Dies wird angezeigt, wenn Sie sich über dem Bild im Kopfzeilenbereich bewegen.

Dinge zu beachten

Der Twenty-Ten-Header ist 940 × 198, etwas größer als das, dessen Größe geändert werden würde. alles kleinere wäre dehnbar, um diese Abmessungen zu erreichen. Die Miniaturbilder können auf beliebige Abmessungen eingestellt werden. Die Standardeinstellung ist 230 × 48. Die Bilder können nur .jpg sein oder werden ignoriert und nicht angezeigt.