Problème:
On souhaite charger un ou plusieurs fichiers .js et/ou .css afin de créer une animation ou ajouter un effet de style.
Solution:
Sur un site “non wordpress” on pourrait inclure nos scripts entre les balises <head> de notre page HTML.
Avec WordPress 3.X.X une des solutions possible est d’utiliser les fonctions wp_enqueue_script et wp_enqueue_style dans le fichier function.php.
Voici un exemple de code à inclure dans le fichier function.php :
<?php
function load_my_files() { //Créer une fonction pour appeler les fichiers javascript et css
if (!is_admin()) { //Charges les fichiers SAUF sur l'administration du site
//wp_enqueue_script('jquery'); En general jquery a déjà été chargé plus haut dans le code
//donc pas la peine de le charger 2 fois.
wp_enqueue_script('script1', '/wp-content/themes/themeducat/js/script1.js'); //Load js files
wp_enqueue_script('script2', '/wp-content/themes/themeducat/js/script2.js');
wp_enqueue_style('style1', '/wp-content/themes/themeducat/css/style1.css'); //Load css files
wp_enqueue_style('style2', '/wp-content/themes/themeducat/css/style2.css');
}
}
add_action('init', 'load_my_files'); // Charge notre fonction qui appelle nos fichiers
//grâce à wp_enqueue_script et wp_enqueue_style
?>
Puis déposé sur votre serveur les fichiers .js et .css à dans les dossiers créés à cet effet comme dans l’example ci-dessus
4 replies on “Charger ses propres fichiers .css et .js dans WordPress 3.X.X et 4.X.X”
Bonjour,
Avec votre méthode est-ce possible de spécifier un css pour juste une page ?
Merci beaucoup.
Bonjour,
Peut-être quelque chose du genre :
<?php if(is_page('Page-id')){ // faire appel à la feuille de style : <link href="path/to/stylesheet.css" rel="stylesheet" type="text/css" /> } ?>Y’a une erreur dans ton code :
L’erreur : ‘load__my_files’
au lieu de : ‘load_my_files’
çà marchera mieux… 😉
Merci c’est corrigé