jQuery pour WordPress : découvrir la bi­blio­thèque et ses avantages

Le framework jQuery optimise votre site WordPress et vous permet d’utiliser dif­fé­rentes fonctions reconnues par tous les na­vi­ga­teurs courants. La bi­blio­thèque jQuery étant incluse dans WordPress, il est facile de l’ajouter.

Qu’est-ce que jQuery pour WordPress ?

Ja­vaS­cript est un langage de script populaire et très utilisé qui permet d’afficher des sites Web dy­na­miques dans un na­vi­ga­teur. Par le passé, il arrivait que les na­vi­ga­teurs in­ter­prè­tent dif­fé­rem­ment les scripts et que les contenus ne s’affichent pas de manière uniforme. Dans certains cas, les anciens na­vi­ga­teurs ne pouvaient même pas afficher les scripts et af­fi­chaient à la place des messages d’erreur. La bi­blio­thèque Ja­vaS­cript jQuery a permis de remédier à cette situation. Elle permet aujourd’hui d’assurer le bon fonc­tion­ne­ment de WordPress et d’autres systèmes de gestion de contenu po­pu­laires et est déjà intégrée au­to­ma­ti­que­ment.

Pourquoi utiliser jQuery sur WordPress ?

Plusieurs raisons jus­ti­fient l’uti­li­sa­tion de jQuery sur votre site WordPress. Même sans grandes con­nais­sances, la bi­blio­thèque vous permet de créer un site Web doté d’éléments dy­na­miques et in­te­rac­tifs et fonc­tion­nant dans tous les na­vi­ga­teurs courants. Grâce à jQuery, les scripts peuvent être exécutés di­rec­te­ment dans le na­vi­ga­teur, sans devoir recharger la page. Cela est donc positif pour votre bande passante dis­po­nible. De plus, jQuery fait partie in­té­grante de WordPress, il est donc judicieux d’apprendre à l’utiliser dès le départ.

Comment ajouter jQuery à WordPress ?

Comme jQuery est déjà inclus dans WordPress, vous n’avez pas besoin d’installer un plugin sup­plé­men­taire pour utiliser la bi­blio­thèque. Il est toutefois important que vous éta­blis­siez une com­pa­ti­bi­lité entre les deux. Sinon, des problèmes pour­raient survenir avec le raccourci « $ ». Celui-ci est utilisé par jQuery, mais WordPress ne le reconnaît pas et réagit par un message d’erreur. Voici comment ajouter jQuery à WordPress et éliminer dès le départ cette source d’erreur. Avant de commencer les dif­fé­rentes étapes, vous devez ab­so­lu­ment faire une sau­ve­garde de l’ensemble de votre site WordPress.

Utiliser le mode No Conflict

Pour utiliser jQuery dans WordPress sans problème, utilisez le mode No Conflict. Pour cela, créez un script simple avec le contenu suivant et exécutez-le :

$.noConflict ();
jQuery (document) .ready (function () {
jQuery ("button") .click (function () {
jQuery ("p") .text ("jQuery is still working" ");
}};
}};

Créer un nouveau script

Close

Pour pouvoir utiliser les fonctions de jQuery dans WordPress, vous devez créer un nouveau script. Vous pouvez choisir librement son nom, mais le fichier doit avoir l’extension .js. À titre d’exemple prenons : nouveau_script.js. L’étape suivante consiste à créer un sous-dossier dans le ré­per­toire de votre thème WordPress. Vous le nommez /js. Il peut également être utile de créer d’abord un thème enfant WordPress afin de s’assurer que d’éven­tuelles mo­di­fi­ca­tions n’auront pas de ré­per­cus­sions négatives sur votre thème.

Créer un fichier functions

Close

Lors de la troisième étape, créez un nouveau fichier appelé functions.php et en­re­gis­trez-le dans le dossier de votre thème. Pensez à vérifier que le fichier n’existe pas déjà. functions.php est utilisé pour per­son­na­li­ser un thème et y ajouter des fonctions. Pour utiliser les fonc­tion­na­li­tés de jQuery dans WordPress, utilisez la fonction wp_enqueue-script(). Le script cor­res­pon­dant ressemble à ceci :

Function exemple_theme_scripts () {
wp_enqueue_script ( ( 'nouveau-script', get_template_directory_uri () .
' /js/nouveau-script.js', array ( 'jquery' ), '1.0.0', true );
}
Add_action ( 'wp_enqueue_scripts', 'exemple_theme_scripts' );

En résumé : il est utile d’utiliser jQuery avec WordPress

Comme jQuery est inclus dans WordPress, l’uti­li­sa­tion de cette bi­blio­thèque va de soi et il vaut la peine de suivre un tutoriel jQuery pour en apprendre plus sur le framework. En effet, il facilite le travail et offre de nom­breuses ca­rac­té­ris­tiques et fonctions utiles qui rendent votre présence sur le Web nettement plus at­trayante.