WordPress : Plugin Happy WP SCSS Compiler para Sass

SCSS Happy Compiler – Compile SCSS to CSS & Automatic Enqueue By Happy Monkey

 → Ir a la Página oficial de Plugin Happy WP SCSS Compiler 

 → Ir  a mi tutorial que es SASS

 → Ir  a mi tutorial WordPress : Sass con el editor Visual Studio Code y Live Sass Compiler

Plugin Happy WP SCSS Compiler compila automáticamente sus archivos scss a archivos css

SCSS es un lenguaje de preprocesador CSS que agrega muchas características como variables, mezclas, importaciones, anidamiento, manipulación de color, funciones y directivas de control. Todas estas características son compatibles con el complemento.

Una vez Instalado donde encontrarlo

Una vez instalad el plugin podemos configurarlo desde  Ajustes/ Happy WP SCSS Compiler

Como funciona Happy WP SCSS Compiler

En las páginas de configuración del complemento, puede elegir la carpeta que contendrá todos sus archivos SCSS y la carpeta que contendrá los archivos CSS generados.

Dentro de tu proyecto en la carpeta wp-content\themes\mitema , creamos la carpeta sass , entonces quedaria asi:

D:\Todo Web\Proyectos Web\desarrollo-wordpress-plantilla-base.com\wp-content\themes\MiTema03-puertasycreaciones_01\sass

En la carpeta sass estaran los archivos sass po ejemplo :

_general.scss,  _cabecera.scss ,  _menu.scss , _menu_bootstrap_5.scss , _woocommerce.scss ,  _footer.scss , style.scss 

En el archivo style.scss se hara referencia a los archivos sass

@import  '_general.scss';
@import '_cabecera.scss';
//@use '_menu.scss';
@import '_menu_bootstrap_5.scss';
@import '_Carousel.scss';
@import '_woocommerce.scss';
@import '_boton_arriba.scss';

@import '_animaciones_web.scss';
@import '_footer.scss';

@import '_garantia.scss';

Donde se muestra los errores de compilación

Si ocurre un error al compilar , El error se mostrara en la parte superior en algunas secciones del panel de  administracion de wordpres  por ejemplo :  En el escritorio y otros

Donde no se muestra el error : en las secciones de algunos plugin por ejemplo woocommerce , algunos editores de archivos como WPIDE , etc