Title: WP-SCSS Author: Connect Think Published: 25 november 2013 Last modified: 2 maart 2026 --- Plugins zoeken ![](https://ps.w.org/wp-scss/assets/banner-772x250.png?rev=3303940) ![](https://s.w.org/plugins/geopattern-icon/wp-scss_222222.svg) # WP-SCSS Door [Connect Think](https://profiles.wordpress.org/connectthink/) [Download](https://downloads.wordpress.org/plugin/wp-scss.4.0.8.zip) * [Details](https://nl.wordpress.org/plugins/wp-scss/#description) * [Beoordelingen](https://nl.wordpress.org/plugins/wp-scss/#reviews) * [Installatie](https://nl.wordpress.org/plugins/wp-scss/#installation) * [Ontwikkeling](https://nl.wordpress.org/plugins/wp-scss/#developers) [Ondersteuning](https://wordpress.org/support/plugin/wp-scss/) ## Beschrijving Compileert .scss bestanden in je wordpress installatie door middel van [ScssPhp](https://github.com/scssphp/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](https://github.com/ConnectThink/WP-SCSS) ### Looking for a new maintainer If you are interested in giving back to the open source plugin respond [here](https://github.com/ConnectThink/WP-SCSS/issues/242) with your interest ## Installatie 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`. ## FAQ ### 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 versie 7.2 is vereist om WP-SCSS te gebruiken ### 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](https://github.com/chriseppstein/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](https://github.com/thoughtbot/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](https://github.com/ConnectThink/WP-SCSS), and we’ll do our best to help. ## Beoordelingen ![](https://secure.gravatar.com/avatar/e64ed4f75989b57c2a2d32f6529e58b07ad9355286da6b1f8329aed3da3aeca3? s=60&d=retro&r=g) ### 󠀁[Doent do anything](https://wordpress.org/support/topic/doent-do-anything-2/)󠁿 [rhavin0](https://profiles.wordpress.org/rhavin0/) 17 augustus 2024 The settings for “auto enque” and “always recompile” dont get saved. It doesnt do anything. I configured two folders /precompile/css/ and precompile/scss/ and created a scss in the scss-folder, but i cant find a button or setting to actually compile that into css. Is there a documentation? How does this work!? ![](https://secure.gravatar.com/avatar/4b58e2fb8ac5b012eb89cb2c352b9cb9822e01e32e7e2e30f750b6e8c3a2f138? s=60&d=retro&r=g) ### 󠀁[Latest update breaks the site – but here is the fix!](https://wordpress.org/support/topic/latest-update-breaks-the-site-but-here-is-the-fix/)󠁿 [abda53](https://profiles.wordpress.org/abda53/) 30 november 2022 1 reactie The latest update breaks the site.. but if this happens it’s a fairly easy fix. Go to github.com/scssphp/scssphp Click on Code (in green) then Download Zip Extract the zip Upload everything in scssphp-master/src/* to your wp-content/plugins/wp- scss/src/ folder Refresh the page and you should be good. It looks like the author someone didn’t get all of the src folder added into the plugin in the latest update ![](https://secure.gravatar.com/avatar/7367eae1afb463dbc4a85123d409e498c330dfbd79353bca38a333d1183208c4? s=60&d=retro&r=g) ### 󠀁[Breaking updates](https://wordpress.org/support/topic/breaking-updates-2/)󠁿 [baskuipers](https://profiles.wordpress.org/baskuipers/) 25 november 2022 1 reactie Unfortunately this plugin had some updates in the past that broke several websites. Updates were slow and manual rollbacks were necessary. ![](https://secure.gravatar.com/avatar/81a10bc8204fa83563a05b6fe1c483ed360c1d721e474e00d9fa4afdc43c52cc? s=60&d=retro&r=g) ### 󠀁[Great, when it’s not breaking the site](https://wordpress.org/support/topic/great-when-its-not-breaking-the-site/)󠁿 [James W](https://profiles.wordpress.org/uxjw/) 23 november 2022 1 reactie Been using this for years and when it works, it works well. But after it broke client sites yet again with the most recent update, I have to question the QA on this plugin. ![](https://secure.gravatar.com/avatar/29844df1f8e9e451796ccfb18e659b3ce97255aff8668c6ce613eed19a505a9c? s=60&d=retro&r=g) ### 󠀁[Very Useful plugin but maybe not well maintained](https://wordpress.org/support/topic/very-useful-plugin-but-maybe-not-well-maintained/)󠁿 [stormhill](https://profiles.wordpress.org/stormhill/) 21 november 2022 1 reactie I have a hard time not using this plugin in my projects since it makes implementing SCSS just SO easy for my dev team. On the other hand, there have been 2 times in the past year where a major issue occurred with an update resulting in lots of broken websites. In both cases the developers were slow to address the issue. At this date, the plugin fails catastrophically if “always recompile” is selected. ![](https://secure.gravatar.com/avatar/bae6fd9dc85ca852d8b11bc8c03f6a316097a9b44cb2badaf8bea36ecdf0e8dd? s=60&d=retro&r=g) ### 󠀁[DO NOT USE THIS PLUGIN](https://wordpress.org/support/topic/do-not-use-this-plugin-53/)󠁿 [wagonmonster](https://profiles.wordpress.org/wagonmonster/) 18 november 2022 1 reactie They just upgraded it to version 3.0 and it DOES NOT WORK, it will crash your entire site. Developer has been unresponsive to everyone’s pleas to fix the catastrophic bug [ Lees alle 61 beoordelingen ](https://wordpress.org/support/plugin/wp-scss/reviews/) ## Bijdragers & ontwikkelaars “WP-SCSS” is open source software. De volgende personen hebben bijgedragen aan deze plugin. Bijdragers * [ Connect Think ](https://profiles.wordpress.org/connectthink/) * [ Skylar Bolton ](https://profiles.wordpress.org/sky-bolt/) [Vertaal “WP-SCSS” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/wp-scss) ### Interesse in ontwikkeling? [Bekijk de code](https://plugins.trac.wordpress.org/browser/wp-scss/), haal de [SVN repository](https://plugins.svn.wordpress.org/wp-scss/) op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/wp-scss/) via [RSS](https://plugins.trac.wordpress.org/log/wp-scss/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 4.0.8 * Fix: Cache directory now created with correct permissions (0755 instead of 0644). Thanks to [#272](https://github.com/ConnectThink/WP-SCSS/pull/272) * Fix: Cache directory path now always has a trailing slash. Thanks to [rushhee](https://github.com/ConnectThink/WP-SCSS/pull/269) #### 4.0.6 * Fix: Cache directory now correctly respects base_compiling_folder setting instead of always defaulting to plugin directory. Thanks to [MarcGuay](https://github.com/ConnectThink/WP-SCSS/pull/254) * Improved settings page text to clarify cache directory behavior * Updated GitHub Actions deploy workflow default to dry-run for safety #### 4.0.4 * Fix: Avoid usage of dynamic property for cache_file. Thanks to [FreddyFY](https://github.com/ConnectThink/WP-SCSS/pull/256) * Actually update PHP deprecated notices. Missed files in early version bump, svn to wp fail (not a fan of SVN) * Add Github Actions deploy script, because dealing with SVN is not fun. [#260](https://github.com/ConnectThink/WP-SCSS/pull/260) * Add Claude init files, because it knows PHP better than I do. [#258](https://github.com/ConnectThink/WP-SCSS/pull/258) #### 4.0.3 * Remove PHP Deprecated notices * WP version bump to 6.4.2 #### 4.0.2 * Full SVN commit to WordPress * With version bump #### 4.0.0 * DO NOT USE, missing commited files on WP SVN * Updates ScssPHP to version [1.11.0](https://github.com/scssphp/scssphp/releases/tag/v1.11.0) thanks to [fabarea](https://github.com/ConnectThink/WP-SCSS/issues/240) #### 3.0.1 * Full SVN commit to WordPress #### 3.0.0 * DO NOT USE, missing commited files on WP SVN * Updates ScssPHP to version [1.10.0](https://github.com/scssphp/scssphp/releases/tag/v1.10.0) thanks to [fabarea](https://github.com/ConnectThink/WP-SCSS/issues/228) #### 2.4.0 * Changes the base_compiling_folder to store key not path to directory [shadoath](https://github.com/ConnectThink/WP-SCSS/issues/219) * This allows deploying from local or staging to production by not saving absolute paths in DB. #### 2.3.5 * Add ‘selected’ to wp_kses on select() [shadoath](https://github.com/ConnectThink/WP-SCSS/issues/217) #### 2.3.4 * Add check to compiling_options on load() [alianschiavoncini](https://github.com/ConnectThink/WP-SCSS/issues/209) * Add more params to wp_kses in options() [evHaitch ](https://github.com/ConnectThink/WP-SCSS/issues/213) #### 2.3.3 * Fix params passed to wp_kses() [shadoath](https://github.com/ConnectThink/WP-SCSS/pull/211) #### 2.3.2 * Add wp_kses() to echos with potential user input [shadoath](https://github.com/ConnectThink/WP-SCSS/pull/208) #### 2.3.1 * Wrap check for WP_SCSS_ALWAYS_RECOMPILE with () [niaccurshi](https://github.com/ConnectThink/WP-SCSS/pull/199) #### 2.3.0 * Update src to use [ScssPHP github repo at 1.5.2](https://github.com/scssphp/scssphp/releases/tag/1.5.2) * Update deprecated setFormatter to setOutputStyle and provide db migration [shadoath](https://github.com/ConnectThink/WP-SCSS/pull/195) #### 2.2.0 * Updates to allow compile() from outside the plugin [niaccurshi](https://github.com/ConnectThink/WP-SCSS/pull/190) * Update src to use [ScssPHP github repo at 1.2.1](https://github.com/scssphp/scssphp/releases/tag/1.2.1) #### 2.1.6 * When enqueueing CSS files Defer to WordPress for URLs instead of trying to guess them. Change by [mmcev106](https://github.com/ConnectThink/WP-SCSS/pull/185) * Allow setting Base Directory to Parent theme folder. [Shadoath](https://github.com/ConnectThink/WP-SCSS/issues/178) #### 2.1.5 * Enqueue CSS files using `realpath` function. Addition by [mmcev106](https://github.com/ConnectThink/WP-SCSS/pull/179) #### 2.1.4 * Set source URL to be home_url(‘/’) not simply `/`. Issue found by [realjjaveweb](https://github.com/ConnectThink/WP-SCSS/issues/128) #### 2.1.3 * Must declare global to use it for $base_compiling_folder. #### 2.1.2 * Correction for enqueueing styles not defaulting to get_stylesheet_directory() [Issue](https://github.com/ConnectThink/WP-SCSS/issues/168) #### 2.1.1 * Bug fixes after merging 2.0.2 and 2.1.0 defaults worked, but new options did not. [Shadoath](https://github.com/ConnectThink/WP-SCSS/issues/165) #### 2.1.0 * Settings dropdown added for choosing additional base compile locations outside of current theme. Suggestion by [pixeldesignstudio ](https://github.com/ConnectThink/WP-SCSS/issues/127) #### 2.0.2 * Added option in settings to enable an ‘always recompile’ flag. Suggestion by [bick](https://github.com/ConnectThink/WP-SCSS/issues/151) #### 2.0.1 * Bugfix to add filter for option_wpscss_options to remove Leafo if stored in DB. Thanks to [kinky-org](https://github.com/ConnectThink/WP-SCSS/issues/157) for pointing this out * Saving plugin settings will update DB with the correct value. #### 2.0.0 * Requires PHP 5.6 * Update src to use [ScssPHP github repo at 1.0.2](https://github.com/scssphp/scssphp/tree/1.0.2) * Added check to make sure ‘compiler’ function was not already defined. [Shadoath](https://github.com/ConnectThink/WP-SCSS/pull/155) #### 1.2.6 * Create cache dir if it doesn’t exist [@XNBlank](https://github.com/ConnectThink/ WP-SCSS/pull/135 * Add cache dir as default [@mhbapcc](https://github.com/ConnectThink/WP-SCSS/pull/144) #### 1.2.5 * Fix error when “.*” folders exist [@chameron](https://github.com/ConnectThink/WP-SCSS/pull/111) * Add detailed error description for the directory settings [@andreyc0d3r](https://github.com/ConnectThink/WP-SCSS/pull/121) * Fix on SASS compilation trigger [@fazzinipierluigi](https://github.com/ConnectThink/WP-SCSS/pull/122) #### 1.2.4 * Updated scssphp to version 0.7.5 * Added source map [@iannacone](https://github.com/ConnectThink/WP-SCSS/issues/49) * Always define $wpscss_compiler in the global scope [@jazbek](https://github.com/ConnectThink/WP-SCSS/pull/98) #### 1.2.3 * scssphp naar versie 0.72 geüpdatet [@hellerbenjamin](https://github.com/ConnectThink/WP-SCSS/pull/86) * Removed depricated screen_icon() #### 1.2.2 * scssphp naar versie 0.6.6 geüpdatet #### 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](https://github.com/ConnectThink/WP-SCSS/pull/66) * Made the missing directory warning also display if a specified path is a file [@mmcev106](https://github.com/ConnectThink/WP-SCSS/pull/65) * Added /vendor to .gitignore [@mmcev106](https://github.com/ConnectThink/WP-SCSS/pull/64) * Dont enqueue already enqueued stylesheets [@bobbysmith007](https://github.com/ConnectThink/WP-SCSS/pull/61) #### 1.1.9 * Added filter to set variables via PHP [@ohlle](https://github.com/ohlle) * Added option to minify CSS output [@mndewitt](https://github.com/mndewitt) #### 1.1.8 Various improvements from pull requests by [@jbrains](https://github.com/jbrains) and [@brainfork](https://github.com/brainfork) #### 1.1.7 * Update scssphp to 0.0.12 – pull from #16 [@GabrielGil](https://github.com/GabrielGil) #### 1.1.6 * Upgraded scss.inc.php to version 0.0.10; via pull request from [kirkhoff](https://github.com/kirkhoff) #### 1.1.5 * Added option to only show errors to logged in users; via pull request from [tolnem](https://github.com/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 ## Meta * Versie **4.0.8** * Laatst geüpdatet **4 maanden geleden** * Actieve installaties **40.000+** * WordPress versie ** 3.0.1 of nieuwer ** * Getest t/m **6.8.5** * PHP versie ** 7.2 of nieuwer ** * Taal * [English (US)](https://wordpress.org/plugins/wp-scss/) * Tags * [css](https://nl.wordpress.org/plugins/tags/css/)[sass](https://nl.wordpress.org/plugins/tags/sass/) [scss](https://nl.wordpress.org/plugins/tags/scss/)[ScssPhp](https://nl.wordpress.org/plugins/tags/scssphp/) * [Geavanceerde weergave](https://nl.wordpress.org/plugins/wp-scss/advanced/) ## Waarderingen 4.3 van 5 sterren. * [ 48 5 sterren beoordelingen ](https://wordpress.org/support/plugin/wp-scss/reviews/?filter=5) * [ 1 4 ster beoordeling ](https://wordpress.org/support/plugin/wp-scss/reviews/?filter=4) * [ 2 3 sterren beoordelingen ](https://wordpress.org/support/plugin/wp-scss/reviews/?filter=3) * [ 3 2 sterren beoordelingen ](https://wordpress.org/support/plugin/wp-scss/reviews/?filter=2) * [ 7 1 sterren beoordelingen ](https://wordpress.org/support/plugin/wp-scss/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/wp-scss/reviews/#new-post) [Bekijk alle beoordelingen](https://wordpress.org/support/plugin/wp-scss/reviews/) ## Bijdragers * [ Connect Think ](https://profiles.wordpress.org/connectthink/) * [ Skylar Bolton ](https://profiles.wordpress.org/sky-bolt/) ## Ondersteuning Iets te melden? Hulp nodig? [Het supportforum bekijken](https://wordpress.org/support/plugin/wp-scss/)