樹莓派架站 (十四) : 修改網站位址

前天在鄉下用 Pi 3 以 pppoeconf 撥接程式測試上網連線成功後, 確認利用中華電信 ADSL/光世代的浮動制固定 IP 架設網站確實可行, 作法參考前一篇 :

# 樹莓派架站 (十三) : 使用 PPPoE 固定 IP 帳號撥接上網

今晚將 Pi 4 帶去湘雲老師家如法炮製, 可正常撥接連線上網, 順利取得所申請的固定 IP. 然後開啟瀏覽器連線該固定 IP 即可看到樹莓派上的 WordPress 網站, 但發現整個網站版面並不正常 : 

這是因為 WordPress 一般設定中的 site_url 網址還是 127.0.0.1 (local host) 的緣故, 這使得 WordPress 的 CSS 樣式檔無法載入瀏覽器, 自然就無法正常排版 : 

所以 pppoeconf 撥接沒問題後, 下一步應該是先用 VNC 進入樹莓派, 利用其 Chromium 瀏覽器開啟 127.0.0.1/wp-admin 網頁, 登入 WordPress 後台管理的 "設定/一般" 頁面, 然後將 "WordPress 位址" 與 "網站位址" 這兩個欄位從原先的 "http://127.0.0.1/" 改為我們所申請的固定 IP : 

儲存設定後再次瀏覽網站就可看到正常排版的 WordPress 網頁了 :

可見這樣連圖片都能正常顯示了 (之前用 ngrok 測試時發現圖片無法顯示). 哇! 斷斷續續忙了兩個月, 終於搞定這項任務. 雖然花了很多時間, 但在探索過程中也學習到很多東西, 例如對 WordPress 網站管也較熟悉了, 也對樹莓派的網路設定知識做了一番統整. 

從這項任務我也發現, 如果要架設個人或小型工作室網站, 但又不想每個月花 3000~5000 租雲端虛擬主機, 那麼只要花個 3000 元左右買台樹莓派 Pi 4, 再利用中華電信 ADSL/光世代提供的浮動制固定 IP 網址功能即可以辦到了. 

參考 : 

# WordPress 網址異動、後台網址輸入錯誤資料庫修正方法 

# 如何修改、更換WordPress網址？

# Wordpress網站更改網址產生的問題

# Image links are broken after uploading wordpress site from localhost to live server by using filezilla

# CM On Demand Search And Replace