22 février 2023 3.404K

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

5,0
Rated 5 out of 5
5 / 5 (1 avis)
Excellent100%
Splendide !0%
Sympa0%
Sans plus0%
Pas terrible0%

Pas de titre

Rated 5 out of 5
16 juillet 2023
RIADI SAMIR