Formation Wordpress : Ajouter du JS et du CSS
Comme nous l’avons vu lors de la création de notre thème il vous faut un style.css à la racine de votre thème.
Mais pour charger ce style sur vos pages vous devez l’inclure dans le head de votre template.
Comment inclure mon style.css sur mon thème ?
Pour ajouter votre style.css vous devez ajouter une action pour “enqueue” votre fichier css :
function add_my_css() {
wp_enqueue_style('my_css', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'add_my_css');
Utiliser du SCSS dans mon thème WordPress
Si vous préférez utiliser du SCSS (et je vous le conseille ^^) vous avez 2 choix qui s’offre à vous :
• Utilisez un compiler en CLI style webpack + laravel-mix
• Utilisez un plugin qui s’occupera de de la compilation ) votre place, je vous conseillerai WP-SCSS
Si vous voulez en savoir plus sur le SCSS je vous redirige vers mon article : Arrêtez le CSS et passez au SASS !
Comment ajouter du Javascript sur mon thème ?
Pour ajouter votre Javascript il s’agit du même procédé que pour l’ajout de style :
function add_my_js() {
wp_enqueue_script('my_css', get_template_directory_uri() . '/script.js');
}
add_action('wp_enqueue_scripts', 'add_my_js');
Besoin d'une formation personalisée ?
Avis