編碼的世界 / 優質文選 / 生涯

WordPress在修改style.css樣式不能立即生效


2022年3月24日
-   

最近發現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 文件,而是單純在後台設置了一些選項而發現沒有生效,只執行第三部即可生效,親測可用!
轉載請注明:靜覓 » WordPress解決修改style.css不生效問題三步走!

熱門文章