本地安裝 WordPress 之後,有時會出現 CSS 無法載入的問題,WordPress 只顯示文字,沒有頁面樣式,包括 WordPress 後臺也這樣。有時候是在區域網中訪問時,只顯示文字,沒有樣式。

出現這種情況是因為 WordPress 安裝時用 http://localhost 訪問來安裝,區域網訪問時,載入 css 的路徑不對,所以會出現 css 無法載入,只顯示文字。

解決 WordPress 無法載入 css 的問題也很簡單。先忍受 WordPress 無法載入 css 的問題,進入 WordPress 後臺,進入設定=> 常規,設定 「WordPress 地址 (URL)」 和 「站點地址 (URL)」 把這兩個地址設定成本機 IP 就可以了。

也可以直接進入 mysql 修改,比如開啟 phpmyadmin,找到 WordPress 資料中的 wp_options 欄位,修改 siteurl 和 home 兩條資料的值為 「http://192.168.1.102/WordPress」 。

或者開啟 mysql console 登入 WordPress 資料庫。

mysql> update wp_options set option_value=『http://192.168.1.102/WordPress』 where

option_name=『siteurl』;

Query OK, 1 row affected (0.00 sec)

Rows matched: 1  Changed: 1  Warnings: 0

mysql> update wp_options set option_value=『http://192.168.1.102/WordPress』 where

option_name=『home』;

Query OK, 1 row affected (0.00 sec)

Rows matched: 1  Changed: 1  Warnings: 0

以上三種方法,任選一種就解決問題了。

有時候伺服器上安裝的 WordPress 啟用第三方 CDN 的時候,剛開始也會出現 CSS 無法載入的情況,出現這種情況的解決辦法是等一會兒,等 CDN 把檔案都同步完了之後,CSS 載入就正常了。