Simon Mista

Compile SCSS (Sass) to CSS straight from the WordPress admin. Theme SCSS Compiler manages as many SCSS → CSS file pairs as your theme needs, under Tools → Theme SCSS Compiler. It uses the bundled scssphp library, so there is no Node.js, no build step and no command line. SCSS is the modern Sass syntax: plain CSS plus nesting, variables and <code>@import</code>.
<h4>Features</h4>
<ul>
<li>Multiple file pairs – as many SCSS → CSS pairs as your theme needs, paths relative to the active theme.</li>
<li>Frontend or Admin per pair – each pair enqueues on <code>wp_enqueue_scripts</code> or <code>admin_enqueue_scripts</code>.</li>
<li>Per-file versioning – every pair has its own version, applied through the <code>style_loader_src</code> filter. Your theme files stay untouched.</li>
<li>Smart change detection – a version only bumps when that pair’s compiled CSS really changed.</li>
<li><code>@import</code>-aware recompile – every partial (<code>@import</code>, <code>@use</code>, <code>@forward</code>) is tracked. Edit a partial and the next admin page load recompiles.</li>
<li>Compressed or expanded output – minified for production, readable for development.</li>
<li>Auto-compile – missing or stale CSS is rebuilt on the next admin page load, so a deploy never leaves you with unstyled pages.</li>
<li>Auto-enqueue – the plugin calls <code>wp_enqueue_style()</code> for each pair and skips files already registered, so output is never duplicated.</li>
<li>Manual compile button – one click, live feedback, persistent error display.</li>
<li>Concurrent-compile lock – two admins compiling at once can’t corrupt the CSS.</li>
<li>Code-first config – set every option as a PHP constant in <code>wp-config.php</code>, your theme, or <code>.env</code> / Bedrock.</li>
<li>Admin-only – every endpoint needs <code>manage_options</code>. Change that with the <code>tscsscompiler_capability</code> filter.</li>
<li>Modern and accessible – PHP 8.1+, WCAG 2.1 AA admin UI, German translation included.</li>
</ul>
<h4>Privacy / GDPR</h4>
This plugin makes no external HTTP requests, sets no cookies, runs no telemetry and does not track users. All processing happens locally on your server. The bundled libraries (scssphp, league/uri, symfony/filesystem, PSR HTTP interfaces) are MIT licensed and GPL-compatible; their source is included in the plugin’s <code>vendor/</code> directory.

Theme SCSS Compiler

Compile SCSS / Sass to CSS in the WP admin. Multiple file pairs, per-file versioning, @import-aware change detection, optional auto-compile.

WebMaestro.Fr

Write SASS, edit your variables and compile your stylesheet from your dashboard.
<a href="http://webmaestro.fr/sass-compiler-wordpress/" rel="nofollow ugc">Read the documentation</a>
<ul>
<li>
Register and enqueue your SASS sheets the same way you would do for your CSS.
<pre><code>`
</code></pre>
wp_enqueue_style( ‘my-sass-handle’, ‘http://example.com/css/mystyle.scss’, $deps, $ver, $media ); 
 `
</li>
<li>
Configure the plugin with the <code>sass_configuration</code> filter.
Configuration of the plugin is optional, but you should at least register your variables if you are using a CSS framework.
</li>
<li>
Set a SASS variable value
<pre><code>`
</code></pre>
sass_set( $variable, $value ); 
 `
</li>
<li>
Get a SASS variable value
<pre><code>`
</code></pre>
sass_get( $variable ); 
 `
</li>
</ul>
You will most likely use these functions in your theme’s <code>functions.php</code>.
The plugin uses <a href="http://leafo.net/scssphp/" rel="nofollow ugc">the scssphp Compiler</a>.

SASS Compiler

SASS compiler for WordPress. Allows you to write and compile SASS, and to edit style variables straight into your WordPress dashboard.

Theme SCSS Compiler vs SASS Compiler