jQuery dans WordPress

Ça fait déjà plusieurs jours que j’essaie d’améliorer mon blog en ajoutant de l’AJAX et du CSS3, pour le rendre plus attractif et pratique.

Du CSS ..

Déjà, ajouter des bords arrondis un peu partout, grâce à la propriété CSS3 border-radius, ou -moz-border-radius pour Firefox, et rajouter des ombres grâce à box-shadow, quant à elle supportée par Opera. Testons.

Tout de suite, c’est plus beau. Dommage qu’Opera ne les supporte pas complètement, j’ai été obligé d’installer PandaRoux (oui, c’est ça la vraie traduction de Firefox en français :-p ) pour profiter de mon travail.

.. Et du Javascript

Le premier défi que je me lance, c’est d’ajouter, dans la page d’accueil, un bouton à côté du titre de l’article (déjà présent, d’ailleurs), pour afficher l’article dans son intégralité.

Déjà que le Javascript, et le développement web en général, c’est pas trop ma tasse de thé, l’intégrer dans WordPress c’est une autre histoire.

J’utilise jQuery, qui est, incontestablement, très pratique. L’inclure dans WordPress, c’est tout de suite plus complexe. Il faut d’abord faire en sorte qu’elle ne se charge pas plusieurs fois, sachant qu’il y’a déjà une copie de jQuery présente dans les includes WordPress, et qu’elle peut être utilisée par des plug-ins. Il faut insérer ceci avant la fonction wp_head

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

Il faut ensuite inclure votre version de jQuery après la wp_head:

Enfin, il faut s’assurer que jQuery n’entrera pas en conflit avec d’autres librairies JS, par exemple Prototype, très utilisée dans les plug-ins AJAXifiés WordPress.

var $j = jQuery.noConflict();

Avec ça, on remplace le raccourci par défaut JS $, par $j.

C’est maintenant que les choses sérieuses commencent. Je compte sur jQuery pour faire plusieurs choses:

-un Accordion vertical pour les posts « update » présents tout en haut de la page d’accueil

-soit un accordion, soit des toggle à base de Blind pour les posts de la partie de gauche, les News. Je pense utiliser ceci, un plug-in jQuery.

-Et déjà ça sera bien avec tout ça.

Déjà, pour les toggle de la partie de gauche, je galère depuis déjà une semaine, en essayant de faire marcher cette saleté.

En effet, le problème qui me bloque est que, quand on « Show », ou SlideDown, un article, les autres articles ne bougent pas, et ça fait un du texte en surimpression, et ça fait très moche, en plus d’être illisible. Je mettrais à jour cet article quand j’aurais enfin réussi, et j’uploaderais le code.