How to break CSS cache in WordPress

By default, the wp_enqueue_style() function will put whatever version of WordPress that you currently have installed behind your CSS call like this:

<link rel='stylesheet'  href='https://jeradsdesign.com/wp-main/wp-content/themes/jeradsdesign-wp/css/main.css?ver=5.8.2' type='text/css' media='all' />

Grab the theme version from your style.css file:

$theme = wp_get_theme();
define(‘THEME_VERSION’, $theme->Version);

Pass it as the 3rd parameter in your wp_enqueue_style() function in your functions.php:

wp_enqueue_style(‘main’, get_template_directory_uri() .’/css/main.css’, array(), THEME_VERSION);

If your style.css file has “Version: 1.0” in the top commment, it will now output this:

<link rel='stylesheet' href='https://jeradsdesign.com/wp-main/wp-content/themes/jeradsdesign-wp/css/main.css?ver=1.0' type='text/css' media='all' />

Reply or Comment

Cancel reply

Your email address will not be published. Required fields are marked *

Comment *

Your name *

Your email *

Save my name, email, and website in this browser for the next time I comment.

Submit