Compileert .scss bestanden in je wordpress installatie door middel van ScssPhp. Bevat een instellingen pagina voor het instellen van de folders, fout meldingen, compiling opties en automatisch bestanden inladen.

De plugin compileerd alleen wanneer er veranderingen zijn gemaakt aan de scss bestanden. Dit wordt gedaan naar het bijpassende css bestand, dus het uitschakelen van de plugin zal geen effect hebben op je css bestanden. Als een bijpassend css bestand nog niet bestaat maakt de plugin deze aan in de ingestelde css folder.

Krijg uitgebreide instructies op github


  1. Upload plugin naar plugins folder
  2. Activeer de plugin via het menu ‘Plugins’ in WordPress
  3. Configureer je plugin opties in de opties pagina settings -> WP-SCSS.


Kan ik een sub-thema gebruiken?

Jazeker. Zorg ervoor dat je je folders instelt zodat ze relatief zijn aan je sub-thema en dat je sub-thema actief is. Anders zul je een fout over de ontbrekende folders zien.

What version of PHP is required?

PHP 5.6 is required to run WP-SCSS

Hoe importeer(@import) ik sub bestanden

Je kunt scss bestanden in andere hoofd bestanden importeren. Dan wordt het gecompileerd in een css bestand. Om dit voor elkaar te krijgen gebruik je @import in je scss bestand. Alle geimporteerde bestandsnamen moeten beginnen met een een underscore. Anders worden ze in een eigen css bestand gecompileerd.

Wanneer je een .scss bestand importeert in een ander .scss bestand kun je de underscore daar weg laten.

@import 'subfile';

Ondersteund deze plugin Compass?

Er is op dit moment geen manier om compass volledig te ondersteunen met een php compiler. Als je gelimiteerde ondersteunin wil, kun je het compass framwork handmatig importeren. Je hebt de _comass.scss en compass folder allebij nodig.

compass / frameworks / compass / stylesheets /@import ‘compass’;`

Als alternatief kun je ook Bourbon op dezelfde manier insluiten.

Kan ik de .sass syntax in deze plugin gebruiken?

This plugin will only work with .scss format.

Mijn css wordt niet geupdate, wat gebeurt er?

Krijg je errors te zien op je site? Zo niet, controleer je log bestanden in je scss folder. Je css wordt niet geupdate wanneer je errors in je scss bestand(en) hebt.

Zorg ervoor dat je folders goed ingesteld staan in de instellingen. De paden beginnen bij de root van je thema.

Ik heb andere problemen en heb hulp nodig

If you are having issues with the plugin, create an issue on github, and we’ll do our best to help.


27 december 2021
This plugin was used when our site was first built. The last update caused a critical failure which took out the site for a few days.
12 december 2021
This plugin works exactly as advertised - the ability to auto-compile scss is invaluable. There are actually 2 enhancements that could be useful: 1. The base dir is limited to uploads (not a logical location), the wp-scss plugin (also not logical) and the current theme dir (most logical). I would personally prefer a separate dir under themes so that in the event that the theme is updated or switched, scss files are preserved. 2. Although there are plenty of workarounds, a pro version with a built-in scss editor/syntax checker would be enormously valuable - just make changes in the editor, save and view the changes... But, still it's a 5 star plugin...
11 mei 2021
I continue have issues with this plugin. Every time we make an update to any page, I have to go back to the WP-CSS plugin settings and click "save" to rewrite whatever bug it has. This works to correct my staging and production environments, but my dev environment breaks every single time. The WP-SCSS plugin changes the code when the staging or prod environment gets copied to dev. Then it creates a critical error and won't allow me to overwrite it. I wish the developers would correct this issue and/or find a comparable alternative for us to use.
Lees alle 55 beoordelingen

Bijdragers & ontwikkelaars

“WP-SCSS” is open source software. De volgende personen hebben bijgedragen aan deze plugin.


Vertaal “WP-SCSS” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.



  • Add ‘selected’ to wp_kses on select() shadoath



  • Fix params passed to wp_kses() shadoath


  • Add wp_kses() to echos with potential user input shadoath


  • Wrap check for WP_SCSS_ALWAYS_RECOMPILE with () niaccurshi




  • When enqueueing CSS files Defer to WordPress for URLs instead of trying to guess them. Change by mmcev106
  • Allow setting Base Directory to Parent theme folder. Shadoath


  • Enqueue CSS files using realpath function. Addition by mmcev106


  • Set source URL to be home_url(‘/’) not simply /. Issue found by realjjaveweb


  • Must declare global to use it for $base_compiling_folder.


  • Correction for enqueueing styles not defaulting to get_stylesheet_directory() Issue


  • Bug fixes after merging 2.0.2 and 2.1.0 defaults worked, but new options did not. Shadoath


  • Settings dropdown added for choosing additional base compile locations outside of current theme. Suggestion by pixeldesignstudio


  • Added option in settings to enable an ‘always recompile’ flag. Suggestion by bick


  • Bugfix to add filter for option_wpscss_options to remove Leafo if stored in DB. Thanks to kinky-org for pointing this out
  • Saving plugin settings will update DB with the correct value.



  • Create cache dir if it doesn’t exist [@XNBlank](https://github.com/ConnectThink/WP-SCSS/pull/135
  • Add cache dir as default @mhbapcc



  • Updated scssphp to version 0.7.5
  • Added source map @iannacone
  • Always define $wpscss_compiler in the global scope @jazbek


  • scssphp naar versie 0.72 geüpdatet @hellerbenjamin
  • Removed depricated screen_icon()


  • scssphp naar versie 0.6.6 geüpdatet


  • Changed set version option to update if already exists


  • 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


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


Various improvements from pull requests by @jbrains and @brainfork


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


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


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


  • Add suport for subfolders in scss directory


  • Hotfix for a accidental character


  • Added support for moved wp-content directories


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


  • Initial Build