Comment utiliser scss dans le thème wordpress?
Quel est le moyen le plus simple d'utiliser scss?
j'ai essayé le plugin wp-scss mais cela ne semble pas fonctionner pour moi:
Dans mon thème: root: css -> style.css scss -> style.scss
les paramètres pour scss et css location sont '/ scss /' et '/ css /'.
style.scss $ pink: # 7e40e4;
style.css .bg {background: $ pink}
ne fonctionne pas, que me manque-t-il?
Merci
Le noyau WordPress seul 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 "plug-in" pour ajouter un tel support de manière transparente est qu'elles reposent sur les "ports" des 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 principalement , ils sont, selon mon expérience, en proie à des problèmes et sont généralement en retard dans les mises à jour de version.
L’approche la plus pratique consiste également à compiler votre SCSS au cours du développement (à l’aide d’un moteur natif et peut-être d’outils l’étendant par commodité) et à utiliser les résultats de la construction sous forme de CSS standard.
Je vous suggère de commencer par le thème de démarrage WP Bones . C'est en fait comme ça que je suis entré en 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 dans une configuration scss pour Wordpress.
Vous pouvez également vous sentir plus à l'aise avec un logiciel tel que 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).