Comment utiliser scss dans le thème wordpress ?

Publié par Jean-Michel le

Quelle est la manière la plus simple d’utiliser scss ?

J’ai essayé le plugin wp-scss mais il ne semble pas fonctionner pour moi :

Dans mon thème : root : css -> style.css scss -> style.scss

les paramètres pour l’emplacement scss et css sont ‘/scss/’ et ‘/css/’.

style.scss $rose : #7e40e4;

style.css .bg {fond :$rose}

ne fonctionne pas, qu’est-ce qui me manque?

Merci

Solution n°1 trouvée

Je vous suggère de commencer par le thème de démarrage du thème WP Bones. C’est en fait comme ça que je suis entré dans le scss pour la première fois. Il explique tout ce que vous devez comprendre sur scss et vous configure directement dans un bon système de fichiers et une configuration scss pour WordPress.

De plus, vous vous sentirez peut-être plus à l’aise avec un logiciel comme Codekit pour gérer les tâches de configuration et de compilation de vos fichiers scss. Il existe des alternatives gratuites (mais je trouve que Codekit vaut le petit investissement).

Solution n°2 trouvée

Le noyau WordPress en lui-même ne prend pas en charge SCSS, même s’il est actuellement utilisé dans le développement du noyau.

Le problème avec les solutions de type « plugin » pour ajouter un tel support de manière transparente est qu’elles s’appuient sur des « ports » de préprocesseurs. SCSS n’est pas développé nativement pour PHP, son exécution dans un tel environnement n’est possible qu’avec des réimplémentations tierces. Bien que les ports fonctionnent pour la plupart , d’après mon expérience, ils sont en proie à des problèmes et sont régulièrement en retard dans les mises à jour de version.

L’approche la plus pratique consiste également à compiler votre SCSS pendant le développement (en utilisant un moteur natif et peut-être des outils qui l’étendent pour plus de commodité) et à utiliser les résultats de construction comme CSS standard.

Catégories : Wordpress

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *