jQuery richtig einbinden mit wp_enqueue_script

Wenn man in einem WordPress-Theme Javascript-Effekte nutzen will, muss man diese Scripts in die Theme-Dateien einbauen. Dazu gibt es verschiedene Methoden, einige davon können zu Problemen führen. Am Beispiel von jQuery zeige ich, wie man Javascripts sicher einbinden kann. 

In manchen Themes ist das jQuery-Script fest in die header.php eingebaut. Diese Anweisung steht meistens irgendwo oben zwischen den head-Tags; dort, wo auch die Stylesheets aufgerufen werden.

Konflikte sind vorprogrammiert

Diese Methode kann zu Problemen führen. Nämlich dann, wenn ein PlugIn dieselbe Bibliothek noch einmal lädt und die zuerst aufgerufenen Dateien wieder überschreibt. Die Folge ist, dass plötzlich Effekte in PlugIns oder Themes nicht mehr funktionieren. Ausserdem ist in WordPress die jQuery-Bibliothek schon eingebaut und muss nicht eigens eingebunden werden.
Baut man jeQuery noch einmal ein, ist das doppelt gemoppelt.

Die sichere Lösung

Um ein Script in ein WordPress-Theme einzubinden, sollte man es mit der Funktion wp_enqueue_script einbinden. Das Wort enqueue bedeutet etwa „in die Reihe stellen“. Damit nutzt man eine sehr praktische wordpress-eigene Funktion: WordPress reiht die Script aneinander und prüft, ob irgendetwas zweimal geladen wird. Mit dieser Zeile ruft man das die eingebaute jQuery-Bibliothek zentral über die functions.php auf:

wp_enqueue_script( 'jquery');

function my_init_method() {
    if (!is_admin()) {
        wp_deregister_script( 'jquery' );
        wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js');
        wp_enqueue_script( 'jquery' );
    }
}

add_action('init', 'my_init_method');