WordPress: Code auf einzelner Seite in den HTML-Header einfügen

Hier ein kurzer WordPress-Tipp, wie man für einen einzelnen Artikel (oder Seite) individuelle Informationen in den HTML-Header schreiben kann.

Dies ist z.B. sinnvoll, wenn man eine JavaScript-Bibliothek laden möchten, die nur auf einer Seite benötigt wird. Würde man sie global einbinden, würde dies unnötig Ressourcen (Ladezeit, Bandbreite, etc.) kosten. Ein anderes Beispiel wären individuelle Statements in der „Document-Ready“-Funktion von JQuery.

Zuerst habe ich einige Plugins getestet. Letztendlich gibt es jedoch eine viel einfachere Lösung: die custom fields.

Benutzerdefinierte Felder

Man findet die benutzerdefinierten Felder unter jedem Beitrag im Backend. Dort fügt man ein Feld header mit dem inidividuellen Code hinzu.

Wordpress Header Post

Theme anpassen

In der Theme-Datei header.php ergänzt man die folgende Zeile:
[php]
ID, „header“, true); ?>
[/php]

Ist das benutzerdefinierte Feld ausgefüllt, wird der Code genau an der Stelle ausgegeben. Ist es leer, passiert nichts.

Bug in WordPress 2.6

In der aktuellen WordPressversion (2.6) gibt es allerdings noch einen Bug. Kopiert man einen Codeschnipsel in das Feld hinein und speichert ab, wird der Code fälschlicherweise modifiziert (z.B. “ wird zu \“). Kopiert den Code jetzt einfach noch einmal hinein, wird er korrekt abgespeichert.

Link: Using Custom Fields

[ad]

8 Gedanken zu „WordPress: Code auf einzelner Seite in den HTML-Header einfügen“

  1. Cooler Tip das ist echt hilfreich. Ich finde es auch Verschwendung von Bandbreite die Scripts auf jeder Seite zu laden.

  2. Du glaubst nicht wie lange ich nach dem Tipp gesucht habe. Vielen Dank!

    Dabei habe ich nur nach einer "schnellen" Moeglichkeit gesucht, wie ich einzelne Seiten via benutzerdefinierte Felder mit individuellem Tracking-Code ausstatten kann. Ich packe den Code zwar in den Footer, klappt aber genauso.

  3. Danke für den Tipp. Genau das habe ich gesucht.
    Gibt es mitlerweile eine bessere Methode in WP 3.3.1?

  4. Wäre es auch möglich, mithilfe dieses Verfahrens Code für eine einzelne Seite zu deaktivieren, der sonst standardmäßig in der header.php geladen wird? In meinem Fall geht es um die Zeile zum responsive Design, die ich für eine Seite deaktivieren will.

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert