jQuery in normale HTML Webseiten und WordPress integrieren
jQuery ist meine Lieblingsbibliothek wenn es um JavaScript geht. Um nicht jedesmal zu erklären wie
man jQuery in die eigene Webseite einbindet, hier eine kurze und schnelle Anleitung.
Vorrausgesetzt wird, das du jQuery heruntergeladen und in einen Ordner gepackt hast. Minimale Kenntnisse in HTML wären auch günstig. 
Für normale HTML Seiten (natürlich auch PHP, ASP, etc.) genügt es die Bibliothek im Kopfbereich einzubinden. Der Ãœbersicht halber packen wir die JS-Datei in einen Unterordner namens “js”. Zwischen die head Tags kommt also folgendes:
Codebeispiel:
<head>
...
<script src="/js/jquery.js" type="text/javascript"></script>
</head>
Um jQuery in WordPress einzubinden, öffnest du die Datei “header.php” und sucht dort die head Tags. Es gibt nun zwei Möglichkeiten. Entweder du bindest deine Lieblingsversion von jQuery per Template ein oder nutzt die von WordPress mitgelieferte jQuery Version. Vorteil davon: du nutzt immer dieselbe Version wie WordPress. Dies bietet Komfort für fleißige Plugin-Schreiber und ist relativ updatesicher.
Zusätzlich achtet WordPress dann von sich aus das nicht unterschiedliche oder doppelt Sachen geladen werden müssen. Nachteil: es wird unter Umständen eine ältere Version geladen und du kommst nicht in den Genuss der neusten Funktionen und Features. Alles eine Frage der Anforderung.
Hier nun der Code für beide Arten.
Codebeispiel Einbindung per WordPress Template:
<head>
...
<script src="<?php bloginfo('template_url'); ?>js/jquery.js" type="text/javascript"></script>
</head>
Um die WordPress Version zu nutzen, gibt es die Funktion wp_enqueue_script().
Codebeispiel Einbindung per wp_enqueue_script:
<head>
...
<?php wp_enqueue_script('jquery'); ?>
</head>
Tadaa! Hat es bei dir geklappt?
geschrieben am 12:30:41 | gespeichert unter jquery, worpdress
:html, jquery, wordpress