WordPress: jQuery im Template / Theme einbinden
Thema: jQuery & JavaScript, Wordpress
Wer sein Theme mit ein paar netten Effekten aufhübschen will, kann das schon in WordPress integrierte jQuery benutzen.
Ich möchte euch heute kurz zeigen wie man jQuery am besten ohne großen Aufwand einbindet.
Ab WordPress 2.2 ist jQuery von Haus aus dabei und muss nicht mehr extra im Theme hinterlegt werden sondern über die WordPress eigene Funktion eingebunden werden. Dazu schreibst du in der header.php einfach folgenden PHP Code:
<?php
wp_enqueue_script('jquery');
?>
So das war auch schon alles.
Würde euch ein kleines Plugin helfen, welches per Knopfdruck jQuery einbindet?
30. Dezember 2009 um 00:37
danke, ja natürlich!
11. Februar 2010 um 22:33
Irrgentwie scheint es auf der Seite ein Layout Problem zu geben. Hier fliegt alles durcheinander,Gruß Daniel.
06. Mai 2010 um 12:45
Mittlerweile stimmt die Seite wieder. Layout ist wieder ok. Hartwig
08. Mai 2010 um 12:20
Danke für den Tipp – aber jQuery ist ja mittlerweile Standardmässig in WordPress. Wie kann man aber drauf zugreifen? mit $ geht irgendwie nicht?!
08. Mai 2010 um 12:36
Hallo Stefan, richtig jQuery ist Standardmässig in WordPress. Die Funktion im Artikel benutzt auch das integrierte jQuery. Du musst aber natürlich die jQuery Bibiliothek erst einmal in deinem Theme einbinden um sie nutzen zu können. Und genau das machst du mit der Funktion aus dem Artikel. Dann kannst du auch mi $ einen Selektor machen. Falls du dazu noch fragen hast, schreib mir einfach eine E-Mail. Intressant für dich ist sicherlich dieser Blog: http://www.der-webentwickler.net
04. Juli 2010 um 22:53
Hallo,
so ein plugin wären schon nützlich, hast du das vllt schon gemacht?
Grüße
Matthias
15. Juli 2010 um 10:11
Wenn Interesse besteht, setz ich mich gerne dran und entwickel ein kleines Plugin was die Einbindung vereinfacht.
Besteht denn Interesse?
16. Juli 2010 um 21:46
Ich habe mich einige Zeit gewundert, warum dein Code zwar eine JQuery-Bibliothek einbindet, damit aber noch lange nicht JQuery zur Verfügung steht.
Die Antwort ist: JQuery läuft im NonConflict mode. Das erfordert jquery() anstelle von $.
Also muss man entweder Rücksicht auf diese Eigenheit nehmen oder doch wieder ein eigenes JQuery einbetten. Das geht mit so etwas wie:
wp_deregister_script(‘jquery’);
wp_register_script(‘jquery’, ($plugin_url . ‘/jquery-1.4.2.min.js’), false, ’1.4.2′);
wp_enqueue_script(‘jquery’);
22. Juli 2010 um 21:50
Nabend, habe hier eine schöne Lösung gefunden. Das Plugin
lädt JQuery vom Google CDN inklusive JQuery UI mit layout.
http://saquery.com/wordpress/getmovingjquery viele grüße.
17. Oktober 2011 um 22:19
Ne, ein kleines Plugin welches per Knopfdruck die jQuery einbindet, braucht man nicht wirklich.. Deine erklärung, wie & wo der PHP Code hin muss reicht völlig aus.
02. Dezember 2011 um 12:20
Da der Post sich auf “ab 2.2″ bezieht hier noch eine aktuelle Ergänzung: Die beschriebene Einbdinung funktioniert auch mit der Version 3.2 wunderbar.
Gerade ausprobiert.