天天看點

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

最近發現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不生效問題三步走!

繼續閱讀