用過(guò)我們開(kāi)發(fā)的WordPress主題的用戶應(yīng)該都知道,咱們主題內(nèi)置自定義顏色
以及自定義CSS
的功能,可隨意設(shè)置網(wǎng)站的主色調(diào),但是在這強(qiáng)大功能的背后,是需要涉及到很多顏色樣式的修改,而css文件是靜態(tài)的,無(wú)法根據(jù)后臺(tái)設(shè)置的顏色值實(shí)時(shí)變化,所以我們之前的解決辦法是將相關(guān)樣式代碼全部抽離,放到header.php
文件當(dāng)中通過(guò)style
標(biāo)簽輸出。
不過(guò)這種解決方案會(huì)導(dǎo)致網(wǎng)頁(yè)查看源代碼的時(shí)候出現(xiàn)大片的css代碼,已經(jīng)有不少強(qiáng)迫癥
用戶表示希望能夠去掉,即使手動(dòng)修改代碼移除后添加到CSS文件里面他們也要去掉...
針對(duì)這種需求,我們也一直在考慮是否有解決方案,不過(guò)最終促使我們著手解決此問(wèn)題的原因還有另外一個(gè),那就是每次更新主題后都會(huì)有一小波用戶和我們反饋更新后網(wǎng)站樣式亂了,我們的客服同事每次都要重復(fù)的提醒他們清理緩存,要是遇到有多重緩存(插件生成的緩存 > 對(duì)象云儲(chǔ)存 > CDN緩存 > 瀏覽器緩存)的就更麻煩了,用戶又不懂技術(shù),客服同事需要花很多時(shí)間去和用戶說(shuō)明解決,導(dǎo)致售后成本很高
。
綜上兩個(gè)原因,我們?cè)诒敬蜫ustNews主題更新中新增加了CSS緩存合并
功能,它可以自動(dòng)合并主題里面的css樣式,并生成一個(gè)CSS緩存文件,這個(gè)緩存文件的命名我們加入了主題版本號(hào)以及時(shí)間戳,這樣一來(lái)每次更新版本,或者后臺(tái)顏色有更新,都會(huì)生成一個(gè)唯一的文件,完美解決各種緩存問(wèn)題。
針對(duì)此功能,在最新版本中我們還增加了開(kāi)關(guān),方便用戶根據(jù)自身實(shí)際情況合理使用,開(kāi)關(guān)選項(xiàng)位置:主題設(shè)置>優(yōu)化加速>主題CSS緩存合并
。