Make it easier to edit custom blocks CSS

[foliovision]

We like to create custom blocks with Genesis. However when we edit the blocks/blocks.css file in the theme folder we have to clear the browser cache each time and tell that to our clients.

We would much prefer is that file would be always loaded fresh from the server - at least if there was a change in the content.

That's why we did a miniature change which puts the file modification timestamp into that stylesheet URL.

This way a browser is forced to load the new file if you make modifications to your custom blocks CSS file.

Very important specially if you use a CDN.

Changes

• ensured the custom blocks.css file URL gets the query argument which changes when the file is modified

Testing instructions

• check that your wp-content/themes/monochrome-pro/blocks/blocks.css loads with a timestamp in URL query, like https://example.com/wp-content/themes/monochrome-pro/blocks/blocks.css?ver=1690892560

[kienstra]

Hi @foliovision,
Thanks a lot for this fix. It'll go out in the release this week.

[kienstra]

This looks good. We do this in other plugins.

[AlecKinnear]

Thanks for the quick reaction. Nice change from contributing to WordPress core (seven year arguments on 300x performance improvements for large sites). Glad to be of service. Keep up the good work, Genesis Blocks are very impressive.

[kienstra]

@foliovision,
Haha! Thanks a lot for your fix! it's a huge compliment you use Genesis Blocks.

[kienstra]

You probably noticed, but we deployed this last week.