用过我们开发的WordPress主题的用户应该都知道,咱们主题内置自定义颜色以及自定义CSS的功能,可随意设置网站的主色调,但是在这强大功能的背后,是需要涉及到很多颜色样式的修改,而css文件是静态的,无法根据后台设置的颜色值实时变化,所以我们之前的解决办法是将相关样式代码全部抽离,放到header.php文件当中通过style标签输出。

JustNews主题CSS缓存合并功能 远离强迫症

不过这种解决方案会导致网页查看源代码的时候出现大片的css代码,已经有不少强迫症用户表示希望能够去掉,即使手动修改代码移除后添加到CSS文件里面他们也要去掉...

针对这种需求,我们也一直在考虑是否有解决方案,不过最终促使我们着手解决此问题的原因还有另外一个,那就是每次更新主题后都会有一小波用户和我们反馈更新后网站样式乱了,我们的客服同事每次都要重复的提醒他们清理缓存,要是遇到有多重缓存(插件生成的缓存 > 对象云储存 > CDN缓存 > 浏览器缓存)的就更麻烦了,用户又不懂技术,客服同事需要花很多时间去和用户说明解决,导致售后成本很高

综上两个原因,我们在本次JustNews主题更新中新增加了CSS缓存合并功能,它可以自动合并主题里面的css样式,并生成一个CSS缓存文件,这个缓存文件的命名我们加入了主题版本号以及时间戳,这样一来每次更新版本,或者后台颜色有更新,都会生成一个唯一的文件,完美解决各种缓存问题。

针对此功能,在最新版本中我们还增加了开关,方便用户根据自身实际情况合理使用,开关选项位置:主题设置>优化加速>主题CSS缓存合并