vicchi

This plugin allows you to manage and load site specific functions, scripts and CSS files into your WordPress site without the need to edit your theme’s <code>functions.php</code> or any other source file.
Settings and options include:
<ol>
<li>Choose the type of customization you want to load; functions, scripts, CSS in any combination.</li>
<li>Choose where you want the customizations to load; in the WordPress front-end, in the WordPress admin screens or both.</li>
<li>Choose where you want to store your customization files, without the need to add to or modify your theme’s or your plugin’s source files.</li>
</ol>
<h3>Filter Support And Usage</h3>
WP Customizer supports multiple filters; the plugin’s filters allow you to
<ul>
<li>modify the set of functions files that are about to be loaded</li>
<li>modify the set of script files that are about to be loaded</li>
<li>modify the characteristics of each script file that is about to be loaded and which will be passed as arguments to <a href="https://codex.wordpress.org/Function_Reference/wp_enqueue_script" rel="nofollow ugc"><code>wp_enqueue_script</code></a></li>
<li>modify the set of CSS files that are about to be loaded</li>
<li>modify the characteristics of each CSS file that is about to be loaded and which will be passed as arguments to <a href="https://codex.wordpress.org/Function_Reference/wp_enqueue_style" rel="nofollow ugc"><code>wp_enqueue_style</code></a></li>
</ul>
Each filter will be only be called if the customization type is enabled in the plugin’s options; if a customization type is enabled but no files are found to be loaded, the filter will still be called but will be passed an empty argument.
As with all WordPress filters, any filter hook function should either return the modified argument or the original argument if no modification were made.
<h4>wp_customizer_functions, wp_customizer_admin_functions, wp_customizer_common_functions</h4>
The functions filters are called when preparing to load the list of front-end functions (<code>wp_customizer_functions</code>), of admin functions (<code>wp_customizer_admin_functions</code>) and of common functions (<code>wp_customizer_common_functions</code>). The arguments that each filter hook function receives is identical in all cases. The filter hook function takes a single argument which is an array of file names.
Example: Prevent all function files from loading by returning an empty file list.
<pre><code>add_filter('wp_customizer_functions', 'function_handler', 10, 1);

function function_handler($files) {
 // $files = array(
 // array(
 // 'file' => (absolute path of function file)
 // ),
 // array(...)
 // );

 return array();
}
</code></pre>
<h4>wp_customizer_scripts, wp_customizer_admin_scripts, wp_customizer_common_scripts</h4>
The scripts filters are called when preparing to load the list of front-end scripts (<code>wp_customizer_scripts</code>), of admin scripts (<code>wp_customizer_admin_scripts</code>) and of common scripts (<code>wp_customizer_common_scripts</code>). The arguments that each filter hook function receives is identical in all cases. The filter hook function takes a single argument which is an array of file details.
Example: Add jQuery as a dependency to all scripts and enable each script to load in the post’s footer.
<pre><code>add_filter('wp_customizer_scripts', 'script_handler', 10, 1);

function script_handler($files) {
 // $files = array(
 // array(
 // 'file' => (absolute path of script file),
 // 'handle' => (auto-generated handle for script),
 // 'src' => (URL of script file),
 // 'deps' => (dependencies, defaults to an empty array),
 // 'ver' => (version, defaults to false),
 // 'in_footer' => (load in footer, defaults to false),
 // ),
 // array(...)
 // );

 foreach ($files as $file) {
 $file['deps'] = array('jquery');
 $file['in_footer'] = true;
 }

 return $files;
}
</code></pre>
<h4>wp_customizer_css, wp_customizer_admin_css, wp_customizer_common_css</h4>
The CSS filters are called when preparing to load the list of front-end CSS (<code>wp_customizer_css</code>), of admin CSS (<code>wp_customizer_admin_css</code>) and of common CSS (<code>wp_customizer_common_css</code>). The arguments that each filter hook function receives is identical in all cases. The filter hook function takes a single argument which is an array of file details.
Example: Override the media type for all CSS files to use the <code>screen</code> media type.
<pre><code>add_filter('wp_customizer_css', 'css_handler', 10, 1);

function css_handler($files) {
 // $files = array(
 // array(
 // 'file' => (absolute path of css file),
 // 'handle' => (auto-generated handle for CSS),
 // 'src' => (URL of CSS file),
 // 'deps' => (dependencies, defaults to an empty array),
 // 'ver' => (version, defaults to false),
 // 'media' => (media type, defaults to 'all')
 // ),
 // array(...)
 // );

 foreach ($files as $file) {
 $file['media'] = 'screen';
 }

 return $files;
}
</code></pre>

WP Customizer

It's been three years since this was last updated and it's still going strong, I really hope the author will keep up its development.

I use this plugin to change all kinds of CSS features that otherwise I'd have no clue how to change, the interface is simple yet incredibly powerfull, if it stops working I@ll be in big trouble!

Superb Plugin - well recomended

Easily load site specific functions, scripts and CSS files into your site without editing your theme's functions.php or other source files.

Shivanand Sharma

Ruchika Karda

The ultimate WP Designer toolkit for professional WordPress customization!
WP Designer is the go-to plugin for WordPress designers who need reliable, theme-independent customization tools. Whether you’re a freelance WP designer or run a WordPress design agency, this plugin ensures your custom work stays safe and organized.
<h4>Why WP Designers Choose This Plugin</h4>
✅ Never lose design work – Code stays safe during theme updates 
✅ Professional SCSS workflow – Write modern CSS with variables, mixins & nesting 
✅ Designer-friendly organization – Clean file structure for all your custom code 
✅ Client-safe customizations – Debug tools to toggle designs on/off instantly 
✅ Performance optimized – Auto-minified CSS for production sites (compressed version for visitors) 
✅ Theme-independent functions.php – Custom PHP functions work with any theme
<h4>Perfect For WordPress Designers</h4>
Freelance WP Designers: Build client sites with confidence knowing your custom designs persist across theme changes.
WordPress Design Agencies: Standardize your design workflow with organized, maintainable code structure.
Professional Designers: Speed up WordPress design projects with SCSS workflow and debugging tools.
<h4>WP Designer File Organization</h4>
Upon activation, creates professional structure in <code>/wp-content/uploads/wp-designer/</code>: 
– <code>functions.php</code> – Your custom WordPress design functions 
– <code>style.scss</code> – Professional SCSS styles (auto-compiles to CSS) 
– <code>images/</code> & <code>scripts/</code> – Designer asset folders 
– Automatic CSS minification for production sites
<h4>SCSS for WordPress Designers</h4>
Write professional, maintainable styles with modern SCSS features: 
– Variables for consistent design systems 
– Mixins for reusable design components 
– Nesting for organized WordPress stylesheets 
– Automatic compilation with file modification time checking 
– Development (expanded) & production (compressed) CSS versions 
– Cache-busting during development with microtime versioning
Example WP Designer SCSS: 
 `scss 
$brand-color: #007cba; 
$mobile: 768px;
.wp-designer-header { 
 background: $brand-color;
@media (max-width: $mobile) { 
 padding: 1rem; 
 }
&__title { 
 font-size: 2rem; 
 } 
} 
 `
<h4>Also read</h4>
These articles explain the philosophy behind WP Designer’s approach: 
– <a href="http://justintadlock.com/archives/2013/09/14/why-custom-post-types-belong-in-plugins" rel="nofollow ugc">Why Custom Post Types Belong in Plugins</a> – Justin Tadlock explains why functionality should be theme-independent 
– <a href="http://justintadlock.com/archives/2011/02/02/creating-a-custom-functions-plugin-for-end-users" rel="nofollow ugc">Creating a Custom Functions Plugin for End Users</a> – Best practices for WordPress customization
WP Designer allows you to:
<ol>
<li>Add extra functionality to any theme without hassles</li>
<li>Extend the capabilities of existing themes</li>
<li>Keep your customizations (php code snippets and css styles) outside the theme</li>
<li>Theme independence allows extending WordPress without massive theme updates</li>
<li>Speed up your development time using SCSS</li>
</ol>

WP Designer – Professional WordPress Design & Customization Tool

The professional WP Designer's toolkit - SCSS compiler, theme-safe customizations, and designer-friendly tools for WordPress development.

WP Customizer vs WP Designer – Professional WordPress Design & Customization Tool