WP/jQuery: Du contenu en page d’accueil

J’ai donc enfin réussi à faire mon code Javascript (mon premier!), qui me permet d’afficher les contenus des articles via un lien, en première page, avec une zoulie animation et tout. C’est pas vraiment de l’AJAX, mais bon faut me pardonner.

-Initialiser jQuery

Le tutoriel n’est pas pour les débutants (même si j’en suis un, mais faut pas le dire), donc j’irais vite:

D’abord, dans le template header.php, on insère ceci avant wp_head, pour éviter d’inclure jQuery plusieurs fois:

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

On crée un fichier « coulisser.js », qui contiendra notre fonction, dans le dossier /wp-content/votre-theme/js. On l’inclut dans le header. On peut préférer le footer, pour des raisons de vitesse, mais ça peut créer des problèmes.

-On cherche ensuite la boucle (loop) WordPress

Elle commence pour ma part ici:

<?php while (have_posts()) : the_post(); $loopcounter++; ?>

On cherche l’endroit où l’on veut insérer le lien, on peut s’aider d’un debugger, pour ma part Opera Dragonfly, et on fait un div tout simple:

Toujours à l’aide d’un debugger, on cherche la classe du div qui contient l’élément qu’on vient d’insérer.

On note tout ça, et on passe à la suite.

J’avancerais dans le tutoriel étape par étape, j’ai pas vraiment de temps, Terminale S oblige.