Dynamic styles allow you to control CSS output with PHP on-the-fly, based on your plugin’s options or simply instead of a preprocessor.
Note that wp_localize_script() is preferred in most cases, but you may still find this technique useful.
add_action('wp_enqueue_scripts', function() {
wp_enqueue_style('dynamic-style', plugins_url('style.php', __FILE__));
});
Learn how to use PHP Closures with WordPress Actions & Filters.
Put the code above in your plugin or theme’s functions.php to enqueue the script. The key thing to note is that the filename of the style has a .php extension.
header("Content-type: text/css; charset: UTF-8");
echo 'body { background: '.get_option('background-color', 'white').' }';
That would be your style.php. Line 1 sends a header which makes browsers treat the file as a stylesheet and line 2 sets the value for the body background dynamically using WordPress’ options API.
A somewhat contrived example, but this could also be used to dynamically control a selector. Anything echo‘d by style.php will be served as CSS.
What about CSS Preprocessors?
The vast majority of applications for dynamic stylesheets with PHP can be done (and done better!) using CSS preprocessors such as SASS or LESS, which have the added advantage of making it easy to minify your styles on-the-fly.
I would only recommend the approach in this article for things like dynamic selectors or cases where a value needs to come from the database. Even then, I’d put the dynamic parts in a separate file so the majority of static styles can be minified, to minimise the amount of dynamic styles processed with each request.
Menopausing: The self-help guide for 2022 from television star Davina McCall to help you care for yourself, cope with symptoms, and live your best life during menopause
£11.00 (as of 2022-09-23 09:34 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
The Girl of Ink and Stars: winner of the British Book Awards' Children's Book of the Year
£4.50 (as of 2022-09-23 09:34 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
2 Pack Apple MFi Certified iPhone Charger Cable 2m, Apple Lightning to USB Cable Cord 2 metres Fast Charging Apple Phone Long Cables for iPhone13/12/12 mini/ 11/11Pro/Max/X/XS/XR/XS Max/8/7/6/iPad
£10.49 (as of 2022-09-23 09:34 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
How to Be Confident: The No.1 Sunday Times Bestseller
£10.00 (as of 2022-09-23 09:34 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)