- Your IP: 38.107.179.240
- Visits Today: 63
Bob's Blog about WordPress, Websites, Hosting, Computers and the Internet
Making CSS Changes to WordPress
When you are working with your CSS files in WordPress you always have to force a reload of your page to see the changes you’ve made. Then I found this article by Mark Jaquith, a provider of freelance WordPress services, and a lead developer of the WordPress personal publishing platform. He goes on to say….
If you update your WordPress theme’s
style.css, you may have noticed that you have to “force-reload” your site in your browser to see the changes. This is because your browser keeps a copy of the CSS cached on your hard drive. Depending on how your server is set up, it may not check for a new version of the stylesheet for a couple hours, or longer! And even if you force-reload to see the changes, visitors who have previously accessed your site may still get the old CSS. One way to solve this is to “version” your CSS file, by adding?v=123to the URL in the<link />to your stylesheet. This is rather a pain to have to do by hand every time, so here is a much better way:
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.css?v=<?php echo filemtime(TEMPLATEPATH . '/style.css'); ?>" type="text/css" media="screen, projection" />This automatically updates the
?v=part every time you modify the file. Boom. Now everyone instantly sees your changes.
