最後更新於 12 小時
架設 WordPress 網站看起來很複雜，但其實只要掌握幾個關鍵步驟，新手也能在一週內建立專業網站。這篇文章整理了我這一年架兩個網站經驗，省去那些非必要的設定，專注在真正重要的部分。
選擇好記的網域與簡單網址
網域名稱能讓人一看就懂，不建議過長，因為這樣會限縮文章 URL 的長度，簡短好記最好。至於要不要選擇頂級網域（.com），對 SEO 的影響並不大。以下文章說的 WordPress 指得都是 wordpress.org，至於 wordpress org 與 com 的差別，請參考下方的文章。
（延伸閱讀：WordPress.com vs WordPress.org 差在哪？選錯後悔一整年！ ）
WordPress 記得更改永久連結設定（Permalinks）
很多人不知道的一個 WordPress 關鍵設定，就是要修改永久連結（permalink）的網址格式。建議避免用 /%year%/%monthnum%/ 這種格式，直接改成 /%postname%/ 最好，為什麼呢？因為你不希望你發佈的文章被別人一眼就看出是 2023 年或者更久之前發佈的對吧？而且把日期寫在網址裡面其實一點意義也沒有，這個是非常多人踩過的坑。
請參考下圖把 Permalink structure 改成 postname
WordPress 主機怎麼選？速度與客服品質比價格重要
很多人選主機只看價格，認為越便宜越好，但如果將 SEO 考量進去我認為應該按這個優先順序：
- 新加坡機房：台灣使用者首選，載入速度差很多
- 客服品質：網站出問題時能快速解決最重要
- LiteSpeed 支援：比 Apache 快很多，連新手都能感受到差異
- 價格：前三項滿足後，再比較價格
為什麼呢？因為沒有技術背景的我們，能仰賴的只有客服的回覆與支援，客服一定要快速回覆而且非常有耐心。
如何知道 WordPress 主機商客服品質？
最直接的方法就是下單前先聯繫客服，問個簡單問題測試回應速度和專業度。多數的客服應該都不支援中文，但現在 AI 非常發達，翻譯與溝通應該不成問題。
WordPress 主機推薦與比較
WordPress 主機推薦一：Hostinger
- 所有方案內建 LiteSpeed，對於新手來說可以立即感受到載入速度的差異，也不必擔心速度拖垮 SEO 表現
- 新加坡機房，速度實測確實快，特別適合台灣使用者
- 24/7 即時客服，我自己的體驗是處理問題的速度不錯，並不會有讓人等很久的感覺。
- 價格親民，年費約台幣 2,500 元左右，比起其他同等級的主機更有競爭力
- 額外特色：提供一週自動備份、內建快取工具，對新手架站非常方便
這篇文章我有詳細探討為什麼 hostinger 在國外評價兩極的問題，可以看完再決定要不要購買
（延伸閱讀：Hostinger評價為何兩極？優缺點、國外評價與個人使用心得總整理）
WordPress 主機推薦二：hosting.com（原 A2 Hosting）
- 客服品質優異：24/7 支援，但我個人覺得沒有特別親切就是了XD
- 新加坡機房可選，這點是必須的
- 價格高很多但穩定性好，特別適合希望網站長期穩定營運的使用者
- 額外特色：方案彈性較多，可以依照需求擴充，對中小企業來說是穩健的選擇
WordPress 主機推薦三：Cloudways
- 效能最佳，但技術門檻高，需要對伺服器管理有一定經驗
- 按小時計費，用多少付多少：適合流量不穩定或需要短期專案的站點
- 透過 DigitalOcean 等提供新加坡機房，並可選擇不同雲端供應商如 AWS、Google Cloud
- 適合有技術基礎的用戶，特別是想要彈性控制資源、客製化程度高的開發者
- 額外特色：支援多站點管理、快速擴大容量、自動化備份與安全防護工具
WordPress 推薦主機最新價格與方案比較：
| 主機商 | 價格（最便宜的方案） | 主要特色與備註 |
|---|---|---|
| Hostinger | 約 USD2.99/月（48 月方案），續約約 S$10.99–11.99/月，我認為是多數人都可以接受和負擔的方案 | 輕量方案自帶 LiteSpeed 快取，多國資料中心（含新加坡），新手友好介面與 AI 工具建站，對於第一次架站的新手來說相當直覺，且方案內建 AI 網站產生器，能協助快速生成基礎頁面。 |
| Hosting.com | 最便宜的 Cpanel 方案初始第一年 1.99 USD，後續費用一年 143.99 USD，每個月約11.99USD | Guru Crew 24/7 技術支援，Turbo 方案速度提升至 20×，穩定性佳，適合希望有更高效能且能獲得即時技術協助的用戶。其售後服務口碑良好，對進階站長特別友善。 |
| Cloudways | 最低價的方案 starter + standard 是 USD 11/月，他的方案比較複雜詳情可以參考官網。 | 以小時計費，效能最佳，技術門檻較高，提供自動備份、防火牆與 SSH，並能搭配不同雲端供應商如 AWS、Google Cloud、Vultr 等選擇。對有規模擴展需求或懂伺服器管理的站長來說最具彈性。 |
當初其實在 hostinger 以及 hosting.com 上掙扎非常久，但非常不巧的是，五月份的時候我本來要選 hosting.com，但一直遇到刷卡刷不過的問題，客服的回應是他沒辦法知道要多久才能給我 invoice，加上網域的費用比 hostinger 貴當下就決定放棄
網站迷谷當時有解惑，原來是我碰上難得的當機，也只能說不太剛好
另一個我沒有選 hosting.com 的原因是我不需要10個 email 信箱，總覺得買了不用到很奇怪
我不推薦的 WordPress 主機
- BlueHost 在國外評價很差，除非你只想做一頁式網頁，或者只是想放不太會更新的作品集
- SugarHost：已經倒了，傳聞老闆是中國人，附上 FB 社團討論參考
- GoDaddy 主機服務實測很慢：這裡不細談，請參考國外評測網站
WordPress 網站備份：自動化備份是關鍵
選主機時確認有內建自動備份功能。如果擔心不夠，可以安裝 UpdraftPlus 外掛做雙重保險。以 Hostinger 為例，他們的主機會每週備份網站，如果需要每日備份需要加購。
WordPress 主題推薦
WordPress 免費佈景主題
新手建議先用免費主題熟悉 WordPress，不要一開始就糾結要選哪個付費主題。挑選原則：看起來順眼、有 RWD（響應式設計）、輕量。為什麼說輕量最重要？因為沒有工程背景的人，是沒有辦法獨立排除網頁速度很慢這件事的。
推薦免費主題：Astra、GeneratePress、OceanWP 都是不錯的選擇，這些免費主題我建議都可以自己在後台裝看看，喜歡哪個再用哪個即可
WordPress 付費佈景主題
如果預算允許，以下兩個是我實際使用過推薦的：
- 輕量快速，載入時間明顯比一般主題快
- 內建超多網站模板，各行業都有
- 與主流頁面編輯器相容性好
- 左上角 Style Guide 功能很實用，可以快速查看網站配色
- 年費約 $59 美元，CP 值高，也有買斷的方案
- 內建 Divi Builder 視覺編輯器
- 模組和版面選擇超多
- 最大的缺點是部落格編輯部分比較不方便
- 年費 $89 美元，但也有終身使用的方案
WordPress 主題怎麼選？
- 新手先用免費的 Astra 主題，熟悉後再考慮 Astra Pro。
- 至於主題教學可以參考犬哥網站。
- 如果對設計要求高，網站需要有非常多功能，Divi 彈性更大，Divi Market place 有成千上萬種外掛可以使用
- 但重視速度的話，國外社群普遍認為 Astra Pro 表現更好。
- 個人使用心得：以 no code building 方面，不得不說 Divi 這種大色塊、鮮豔顏色以及非常一致的 UI/UX 設計，對於第一次設計網站的人來說會比較簡單。
網頁設計與配色技巧
主題內建配色功能
如果用 Astra Pro，starter template 裡面有內建配色功能，我覺得這個可能不是獨家功能但很實用
不記得網站的配色？
點擊 Astra > customize
左上角 Style Guide 查看網站所有顏色與字體
進階配色工具：Colormind
這個是 PAPAYA 電腦教室推薦的工具，如果想要完全不撞款（？），推薦 Colormind 這個 AI 配色工具：
- 上傳參考圖片後會自動產生和諧的 5 色配色
- 可以鎖定喜歡的顏色，只調整其他部分
- 最實用的是能預覽配色套用在實際網頁的效果
- 會標示使用情境：成功提示用綠色、警告用橙色、錯誤用紅色
配色基本原則
- 60-30-10 法則：主色 60%、輔助色 30%、強調色 10%。這個比例最舒服，不會太花俏。
- 對比度很重要：文字和背景要有足夠對比，不然讀者看不清楚會提高跳出率
- 字體的感受與視覺呈現，一定要開手機版實際體驗看看，手機版體驗比電腦版重要
你現在看的網站就是用 Astra Pro 蓋起來的，配色也是依照 Astra Pro 的 Starter template 更換顏色，除了主題本身的費用 59USD 一年，沒有花到其他費用
Astra 客服怎麼找？免費和付費版本不同
Astra AI 客服
一些比較簡單的問題，其實 AI 客服很可能就會有答案，當然比較麻煩的是和客服聯繫都必需要用英文。進到畫面直接在下方對話框輸入問題即可
Astra 免費使用者
上面這個連結往下拉中間， free users support 就可以找到免費支援
Astra pro 付費使用者
Astra Pro 付費使用者，登入後要點此進入 Brainstorm force 的頁面提交工單，這樣才會得到優先支援，以我的經驗來說，付費使用者到這邊就已經很快速了，幾乎是一天內就會回
Astra Pro 可以加購 VIP Premium 服務
如果還是嫌不夠快，可以再加購 VIP 服務，假日也會回，而且會客製化。
（我甚至懷疑購買這個服務搞不好連網頁的 CSS 也都可以幫忙客製）
| 支援內容 | 免費 | Premium（付費） | VIP 優先（Priority） |
|---|---|---|---|
| 回覆時間 | 一般，2–3 天內 | 較快，24 小時內 | 最快，2 小時內 |
| 可用時段 | 每週 5 天（週一至週五） | 每週 7 天 | 每週 7 天（24×7） |
| 支援類型 | 基本支援 | 完整產品支援 | 優先的完整產品支援 |
| 取得方式 | 具有免費產品即可 | 具有付費產品即可 | 購買 VIP 優先支援即可 |
不論是免費或者是付費，Astra 的客服回覆速度都非常快，客服也非常有耐心，這點是我主要推薦的原因。
WordPress 外掛推薦
WordPress SEO 必裝外掛
SEO 圖片優化外掛
- WebP Converter for Media：自動把圖片轉成 WebP 格式，可以減少 50-80% 檔案大小，必裝。
（溫馨提醒，免費版本就很夠用，但如果你需要轉換成 AVIF 這種更先進的模式，可以參考我的八折優惠碼：WBJLHX20）
- Imagify：和 WebP converter for media 類似，。
- Rename Media Files：自動重命名檔案，對 SEO 有幫助。
- Enable Media Replace：上傳錯圖片時可以直接替換，不用重新上傳。
（溫馨提醒，WebP converter for Media 和 Imagify 這種性質類似的外掛只能則一安裝，不然會有衝突）
SEO on page 優化外掛：有需要用到再裝
- Easy Table of Contents：長文章自動產生目錄，提升閱讀體驗。
- WP Last Modified：在文章或頁面顯示最後更新日期，對 SEO 友善，能讓讀者清楚知道內容是否保持最新。
WordPress 其他推薦選用外掛
- Category Order and Taxonomy Terms Order：拖拉排序文章分類，但不是每個主題都需要。
- MC4WP: Mailchimp for WordPress：經營 Email 名單必裝，與 Mailchimp 整合。我也推薦 Kit，但是他放置的位子比較固定，且免費版不支援 RSS Feed 所以我沒有使用而已
- Custom Fonts：可自訂並上傳字型，讓網站在設計上更具特色。
- RSS Feed disable：如果不想提供 RSS（怕被內容農場複製），用 Disable Feeds 外掛關掉。或者問主題開發商有沒有內建選項。
溫馨提示：RSS Feed 一旦關閉，某些電子報透過 RSS 自動通知文章更新的電子報功能會關閉，
我用 mailchimp 就是因為他有 RSS 功能，可以透過 RSS 自動通知訂閱者這週更新了什麼文章，相反地，Kit 免費版是不開放 RSS 功能的。
WordPress 架站常見問題
結論：WordPress 架站先求完成再完美
架設 WordPress 網站確實有很多細節，但不要被這些嚇到。我的建議是先把基本架構建立起來：選好主機、裝好必要外掛、設定基本安全措施，然後就開始寫內容吧。配色、進階功能、SEO 優化這些都可以邊用邊學。重要的是先開始，網站有內容後再慢慢調整。記住，完美的網站是改出來的，不是一開始就設計出來的。
