最近发现 WordPress 博客在修改 style.css 样式不能立即生效的问题,根本原因在于服务器开启了.htaccess 缓存,不过你总不能直接把这个关掉吧。开启.htaccess 缓存还是有很多好处的。
我们为什么要设置.htaccess 缓存?
网站一般不容易变化的都是一些图片,CSS,JS 脚本这些可以缓存到本地,设置一个缓存时间,比如 30 天,这样访客打开你的网站就不会在从网站服务器直接下载这些数据了,而是直接从本地缓存读取这些数据,这样就大大提高了网站加载速度,减少了加载时间。
在不修改.htaccess 缓存情况下怎样实现修改 style.css 并且即时生效?
经过博主这么多天的探索,总结出了一个”三步走”战略。
第一步
当然是修改主题下的 style.css 文件,去定制你想要的样式。
第二步
找到 functions.php 文件,找到类似
1 |
wp_register_style( 'style', get_template_directory_uri().'/style.css',false,25); |
这样的代码,这就是加载 style.css 文件的代码,在这里注意最后一个参数,这是一个版本号,在有了这个之后,浏览器中审查元素,你会发现 引入的样式文件带有一个参数,比如,现在我的引入的 css 文件就是这样子的。因为带有版本号,所以它缓存了这个文件,如果版本号不变更,那么它永远在加载这个版本的 CSS 文件。 所以,我们的解决方法就是改变后面的这个数字,也就是上述代码的最后一个参数。 修改完 style.css 文件之后,将这个数字加一即可。 P.S 如果你修改为之前的数字,那么它可能会加载回曾经的版本,在这里,最好修改一次递增一下这个数字。
第三步
现在,你刷新网页可能还不会即时生效样式,就找到 WP Super Cache 插件,点击删除缓存,清一下缓存即可。 如果没有安装这个插件的童鞋,请安装一个吧,很有用的缓存加速插件。 好,以上就是三步走战略来解决修改 style.css 不生效问题! 另外,如果你没有修改 style.css 文件,而是单纯在后台设置了一些选项而发现没有生效,只执行第三部即可生效,亲测可用!