Importer jQuery dans WordPress (ou dans votre site fait à la main)
Vous avez déjà entendu parler de jQuery. Cette librairie JavaScript vous permet d’animer vos pages en quelques lignes de codes (et même si vous n’y connaissez rien du tout).
Seulement voilà, elle ne vient pas avec tous les CMS ni avec tous les thèmes WordPress. Si vous avez créé votre site à la main, alors vous avez encore plus besoin de savoir comment l’importer !
Pas de panique, ce n’est vraiment pas compliqué !
Pour ceux qui ont créé leur site en HTML-CSS (sans CMS)
Rajoutez simplement cette ligne HTML dans entre les balises et .
<script src="chemin-vers-la-librairie-jquery" type="text/javascript"></script>
Pour ceux qui travaillent avec un CMS: importer jquery dans WordPress
Vous pourriez croire qu’il vous suffit d’éditer le fichier header.php et d’y coller le code HTML ci-dessus. Et bien non.
WordPress est un peu plus subtil. Il met à notre disposition une fonction qui va générer le code ci-dessus.
Utiliser une fonction pour générer un code ? A quoi bon ?
Pourquoi ne pas directement écrire le code HTML ?
Tout simplement pour respecter un système de hiérarchie entre le thème, les plugins et le code natif de WordPress. Vous éviterez ainsi les conflits.
Vous ne l’avez pas trouvé ?
Alors, rajoutez ce code dans le fichier functions.php de votre thème :
function my_custom_jquery() {
wp_enqueue_script(
'jQuery',
get_template_directory_uri() . '/js/jquery.js'
);
}
add_action('wp_enqueue_scripts', 'my_custom_jquery');
Conclusion
Vous remarquerez que la procédure pour utiliser jquery dans WordPress est un peu plus complexe. Et c’est bien logique, il s’agit d’un outil puissant, la manipulation de son code est donc plus complexe, notamment parce qu’elle requiert de s’intéresser à PHP.
