jQuery nutzen

Seit der Version 2.2 setzt WordPress auf Ajax und hat daher standardmäßig das jQuery-Framework integriert.
Dies ermöglicht schicke, javascript-basierte Effekte, die zumeist sehr schlank gehalten sind und somit keine großen Ladezeiten verursachen.

Von Hause aus kommt jQuery nur im Adminbereich zum Einsatz – damit du das jQuery-Framework auch in deinem Theme nutzen kannst, musst du die entsprechende Datei einbinden.
Diese liegt im Verzeichnis wp-includes/js/jquery/jquery.js.

Einbinden kannst du diese auf verschiedene Weise – es bietet sich jedoch an, sie so anzusprechen, wie WordPress es mit allen Plugins tut. So brauchst du keine Pfade anzupassen, falls du einmal etwas an deiner Verzeichnisstruktur änderst.

In der header.php deines Themes setzt du den folgenden Code in den head-Bereich:

<?php wp_enqueue_script('jquery');?>

Wichtig ist, dass er vor dieser Zeile hier steht:
<?php wp_head(); ?>
Viel Spaß damit!

verwandte Beiträge

5 Gedanken zu “jQuery nutzen

  1. Hej,
    ich hab jetzt schon so viel von jQuery und Ajax gehört aber immernoch keine Ahnung was es eigentlich ist und wie ich diese Effekte nutzen kann. Das würde mich mal interessieren=)
    LG

  2. Hej,
    ich hab jetzt schon so viel von jQuery und Ajax gehört aber immernoch keine Ahnung was es eigentlich ist und wie ich diese Effekte nutzen kann. Das würde mich mal interessieren=)
    Achja, da kommt noch ne Frage zu den Pfaden. Manchmal muss man wenn man sein Theme selbst codet ja den absoluten Pfad angeben, was ja nicht so toll ist, wenn man das Theme woanders auch benutzen möchte. Gibts da ne speziell Funktion, die einem direkt das Verzeichnis des jeweiligen Themes ausgibt?

    LG

  3. @ Ajax & jQuery:
    Ajax stellt eine Verbindung aus JavaScript und XHTML dar. Die wichtigste Funktion, die Ajax bietet, ist das asynchrone Verhalten – das heißt, wenn du einen Bereich einer Seite aktualisierst (etwa, wenn du hier auf neontrauma einen Kommentar schreibst), muss nur dieser Bereich aktualisiert werden und nicht die komplette Seite.

    @ Pfad:
    Ich gehe mal davon aus, du brauchst den absoluten Pfad für so Dinge wie den absoluten Pfad zur Startseite des Blogs? Da gibt es die Funktion
    <a href="<?php echo get_option('home'); ?>/" title="zur Startseite">zur Startseite</a>

  4. Pfad: Sorry, da hab ich mich ungenau ausgedrückt. Ich meinte eigentlich den Pfad zu dem Ordner, wo das Theme drin ist. Muss aber zugeben, ich hab gerade vergessen wozu ich das gebraucht habe^^

    lg

  5. Wo braucht man denn da den absoluten Pfad? oO
    Mir fällt grad kein Beispiel ein, wo es nicht mit der relativen Pfadangabe reichen würde. :-)

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht.

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Abonnieren, ohne einen Kommentar zu hinterlassen