WP-SCSS

Descripción

Compiles .scss files on your wordpress install using lefo’s scssphp. Includes settings page for configuring directories, error reporting, compiling options, and auto enqueuing.

The plugin only compiles when changes have been made to the scss files. Compiles are made to the matching css file, so disabling this plugin will not take down your stylesheets. In the instance where a matching css file does not exist yet, the plugin will create the appropriate css file in the css directory.

Get detailed instructions on github

Instalación

  1. Subir el plugin al directorio de plugins
  2. Active plugin through the ‘Plugins’ menu in WordPress
  3. Configure plugin options through settings page settings -> WP-SCSS.

FAQ

¿Puedo usar en un tema hijo?

Si, absolutamente. Asegúrate de definir los directorios desde el directorio raíz de tu tema hijo, y que esté activado tu tema hijo. De lo contrario, verás un error con respecto a los directorios que faltan.

How do I @import subfiles

Puedes importar otros ficheros .scss dentro del directorio de ficheros y compilarlo en un solo fichero .css. Para hacerlo, use «@import» como normal en tu fichero .scss. Todos los nombres de ficheros importados deben comenzar con un guión bajo. De lo contrario, se compilarán en tu propio archivo css.

When importing in your scss file, you can leave off the underscore.

@import 'subfile';

¿Este plugin es compatible con Compass?

Currently there isn’t a way to fully support compass with a php compiler. If you want limited support, you can manually import the compass framework. You’ll need both the _compass.scss and compass directory.

`compass / frameworks / compass / stylesheets /

@import 'compass';

Alternativamente, puedes incluir Bourbon de una forma similar.

¿Puedo usar sintaxis de SASS con este plugin?

Este plugin sólo funciona con formato .scss

No está actualizando mi CSS. ¿Qué está sucediendo?

¿Tienes errores implimiendo al frontend? Si no, compruebe el fichero de log en tu directorio scss. El fichero final de CSS no será actualizado si en tu/s fichero/s .sass contiene errores.

Asegúrate de que tus directorios estén correctamente definidos en la configuración. Las rutas se definen desde la raíz del tema.

Estoy teniendo otros problemas y necesito ayuda

Si estás teniendo problemas con este plugin, crea un reporte en GitHub, y haremos todo lo posible para ayudarte.

Reseñas

25 de marzo de 2019
Not sure if any of you have had this issue, but on the latest version, when I edit a scss file and save it, it will NOT compile and update on the first try. It requires me to go back in the file, and add some dummy test class with dummy code, 2-3 times, before a build is triggered. This is super annoying! I have found a fix for this however. Download the release from https://github.com/leafo/scssphp/releases. Make sure it is version 0.7.6 Open with a ZIP utility Navigate into the "bin" folder. You will see "pscss" Extract "pscss" into wp-content/plugins/wp-scss/scssphp/bin Instant builds will now trigger. Other than this bug, the plugin works very well, WHEN it actually compiles 😉
6 de octubre de 2018
This is a very good plugin to make us use SCSS easier. Normally I use CodeKit to compile SCSS to CSS on localhost. But for some urgent projects we need to edit via FTP. This can help us a lot. Thank you so much.
Leer todas las 50 reseñas

Colaboradores y desarrolladores

«WP-SCSS» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

Traduce «WP-SCSS» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.2.5

1.2.4

  • Actualizado scssphp a la versión 0.7.5
  • Added source map @iannacone
  • Always define $wpscss_compiler in the global scope @jazbek

1.2.3

  • Updated scssphp to version 0.7.2 @hellerbenjamin
  • Eliminado método deprecado screen_icon()

1.2.2

  • Actualizado scssphp a la versión 0.6.6

1.2.1

  • Changed set version option to update if already exists

1.2.0

  • Fixed a bug where directory inputs were not getting sanitized @mmcev106
  • Made the missing directory warning also display if a specified path is a file @mmcev106
  • Added /vendor to .gitignore @mmcev106
  • Dont enqueue already enqueued stylesheets @bobbysmith007

1.1.9

  • Added filter to set variables via PHP @ohlle
  • Added option to minify CSS output @mndewitt

1.1.8

Various improvements from pull requests by @jbrains and @brainfork

1.1.7

  • Update scssphp to 0.0.12 – pull from #16 @GabrielGil

1.1.6

  • Upgraded scss.inc.php to version 0.0.10; via pull request from kirkhoff

1.1.5

  • Added option to only show errors to logged in users; via pull request from tolnem

1.1.4

  • Add suport for subfolders in scss directory

1.1.3

  • Hotfix for a accidental character

1.1.2

  • Added support for moved wp-content directories

1.1.1

  • Added error handling for file permissions issues
  • Changed error log to .log for auto updating errors

1.0.0

  • Initial Build