Tutoriel : Utiliser SASS et COMPASS avec WordPress

Utiliser SASS lors de la création d'un thème wordpress
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtrisez le préprocesseur CSS : SASS
Revoir le teaser Je m'abonne
5,0
Transcription

34,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
5,0
34,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont d'apprendre à : 1. Créer un thème WordPress utilisant SASS et Compass. 2. Configurer les répertoires et fichiers nécessaires. 3. Utiliser des partials et des variables SASS efficacement.

Cet tutoriel montre comment intégrer SASS et Compass dans un thème WordPress en utilisant des commandes de base et en configurant les fichiers nécessaires.

Dans cette leçon, nous apprendrons à utiliser SASS et Compass pour créer des thèmes WordPress. Le processus commence par la création d'un nouveau thème à l'aide de la commande compass create. Nous explorerons comment configurer les répertoires, nommer correctement les fichiers et personnaliser le fichier config.rb pour refléter ces modifications. Ensuite, nous découvrirons comment organiser nos fichiers SASS avec des partials, comment les importer dans notre feuille de style principale screen.css, et comment injecter cette feuille de style dans WordPress grâce à la fonction wp_enqueue_style. Enfin, nous illustrons le débogage avec les source maps et l'application de styles dynamiques grâce aux variables SASS.

Voir plus
Questions réponses
Pourquoi utiliser SASS et Compass pour les thèmes WordPress ?
SASS et Compass permettent de structurer et gérer plus facilement les styles CSS, offrant une meilleure organisation, réutilisabilité et maintenabilité des feuilles de style.
Quels fichiers sont indispensables pour qu'un thème soit reconnu par WordPress ?
Pour qu'un thème soit reconnu par WordPress, il doit au minimum contenir un index.php et une feuille de style style.css, même si celle-ci est vide.
Comment les Source Maps facilitent-elles le débogage ?
Les Source Maps permettent d'associer le CSS compilé directement au SASS source dans les outils de développement du navigateur, facilitant ainsi le débogage en montrant les lignes d'origine du code source.
1 commentaire
5,0
1 vote
5
4
3
2
1
hugo.barnas
Il y a 4 ans
Claire et complet.