style.css: how to version to avoid browser cache (when changed)

[DanielMT]

Hi,

When making changes to the style.css file, you're forced to refresh the browser to reflect the updates done.

A way to avoid that is to add a "version" to the style.css file on the html code.

I've found a snippet to do that (added in functions.php file):

wp_enqueue_style( 'global', get_stylesheet_directory_uri() . '/style.css', array(), filemtime(get_stylesheet_directory() . '/style.css'))

That will create a line of code like the following (with "ver" parameter):

...wp-content/themes/enterprise-pro/style.css?ver=1527693949

That will force the browser to reload the new file, each time the file is changed.

However, genesis will add a similar line of code, like this one:

...wp-content/themes/enterprise-pro/style.css?ver=2.1.1

How can I avoid that? I just want the "versioned" line of code to appear in the source code.

Thanks.

[Victor Font]

I generally turn caching off when I'm developing. Holding the shift key when you reload a page in the browser forces the style sheet to reload.

You can try changing the child theme version number in functions.php and the style sheet version number in the comment area at the top of the style sheet.

Another method I use is entirely in PHP. I enable WordPress Debug and if enabled, use the style sheet's time stamp as the version number. Every time the style sheet is saved, it automatically counts as a new version.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[DanielMT]

Hi,

The developing process is not a problem. The problem is when it's a production site, and you have a customer that doesn't know how to clear the browser's cache.

Digging I've found the PHP solution you mention. Now I version the style.css file with it's timestamp, as you mention.

Thanks.

[Author]

Posts