從 0 開始架 WordPress:三天上線、能改、能擴的最小設定
不買主題、不裝 30 個外掛,我推薦的最小組合是這四個。
如果你是一人美編、考慮幫自己架一個作品集站,或者老闆丟了一個「公司官網要重做」的任務給你,你大概會在 ThemeForest 這類主題商店裡迫三個小時,看到一個付費主題長得超漂亮、譬如 USD 59 包同 demo 資料、裝起來跟願景圖一樣。你面包丟下去買了。
接下來三個月你很興奮。但六個月後,你會遇到一件事:你老闆說「哩哩連結那個按鈕能不能變成綠色」,你打開主題設定面板、提供者丟給你一個「選色」的選項裡不包含你要那個綠。你試圖進 CSS 裡面改,他寫著「不要動這個,下次主題更新會苋掉你的修改」。
以下這篇是我這 7 年代不同中小企業踩到、踩到踢到、最後得出來的一個結論:最好的 WordPress 設定不是買付費主題 + 裝三十個外掛,而是「官方預設主題 + 你自己的子主題 + 4 個必要外掛」。三天內上線、以後三年都能改、能擴。下面拆給你看為什麼、怎麼做。
「主題」(theme)是 WordPress 上代表「外表設計」的那個檔案不集。「外掛」(plugin)是额外裝進去「增加功能」的那些小程式。「子主題」(child theme)是在官方主題上面加一層「只屬於你」的設計,主題本體更新不會影響你的改動。
為什麼買付費主題是陷阱
付費主題表面上是「一次付 USD 59、可以讓你省下 50 小時設計時間」。看起來超劃算。但你買下去的其實不只是主題,還附帶三個長期代價:
代價一:帶者預裝 10 到 15 個外掛。你不裝不能用(主題要 slider 才能顯示 banner),裝了這些外掛就跟你的主題綁在一起。你以後要換主題、或者這些外掛中間某個作者跑了,你的站就有見得麻煩。
代價二:你的修改被鎖在「管理面板」裡。付費主題作者為了讓你「不用寫程式」,都會提供一個面板讓你黚選豆。選佈景色、選字型、選按鈕形狀。但面板上沒提供的選項你就不能選。譬如你要「選項間距 12px」,但面板只提供 8 / 16 / 24px,你就沒。這個限制你一開始只覺得「微不足道」,但你在這個站上做多了以後,這些微小限制加起來就是「我為什麼不能隨便改這個」的畫面。
代價三:主題作者一年后可能不更新了。這件事 100% 會發生,只是你買的時候不知道。作者不更新了,你就跟不上 WordPress 主體更新,三年後你的站變成「絕跡類」。
結果就是:你在「有一個名牌主題」跟「你能隨時修改這個站」之間,選了前者。三年後你連 CSS 檔案都不敢動,因為你不知道動了下次主題更新會不會全部苋掉。
「最小可運作」是什麼意思
反過來的套路是這樣:
- 佈景都能隨時換掉,换了不會損失你的設定
- 每個裝上去的外掛你都說得出「為什麼要裝」、「不裝會怎樣」
- 你出問題的時候,打開檔案架有 5 到 10 個檔案要看,不是 500 個
這個「最小」不是「陽春」。陽春是「門面东」,但「最小可運作」是「股骨門面都能隨時調」。可以長得很高級,只是你要自己讓它高級。
佈景:官方預設 Twenty Twenty-Five 就好
「Twenty Twenty-Five」是 WordPress 官方每年出一個的預設佈景。你裝 WordPress 的時候它已經裝好了。門面上是中規中矩、沒什麼「設計感」。你第一眼看這個佈景會覺得「這不能用吧」。
但這個「沒設計感」是個特點,不是缺點。為什麼?
- 官方佈景讓你「能進去修」。所有設計都是透過 theme.json(下面會說明)跟你的 CSS 控制。沒有「面板限制」這件事。
- 官方佈景一定跟 WordPress 本體同步更新。三年、五年、七年都不會被棄館。
- 他的原始碼超少。你看完主要的檔案凡十分鐘就能拼出他是怎麼鞄的。付費主題常常一個資料夾裡有 200 個檔案,你看一週也看不出中間那雙枝手是怎麼鞄的。
我現在這個站(designoperator.com)就是官方 Twenty Twenty-Five + 一個子佈景。子佈景里面只有一個 style.css 跟一個 functions.php。兩個檔案。就這麼多。
那「独立設計感」怎麼辦?寫你自己的 CSS
你可能說:「我要讓這個站長得跟那個 ThemeForest 主題一樣高級怎麼辦?」
答案是這樣:你幫官方佈景加一個「子佈景」,里面寫你自己的 CSS。
子佈景是什麼?是 WordPress 內建的機制,讓你在官方佈景上面「覆蓋一層你自己的設計」。官方佈景以後更新都不會動到你的子佈景。你讓它拿到什麼高度都可以。
你要寫的東西不多,三块就够:
- theme.json — 一個設定檔,裡面裝你的品牌色、字型、間距。以前這些要在 CSS 裡重複寫五六個地方,現在一個檔設一次,全站生效。
- style.css — 你的 CSS 佈景寫狀況型設計變動。譬如「首頁 hero 區要多高」、「作品集電腦版 3 欄、手機版 1 欄」、「導航列背景不透明」這些。
- functions.php — 裡面加「只適用這個站」的那些程式碼。譬如製作自定義文章類型(「客戶作品」、「塑起」)、插入 Google Tag Manager、快取其他那些。不懂寫也沒關係,多數人沒什麼要加。
兩個檔案加起來超過 200 到 500 行代碼。你改得動、看得懂、備份也能三秒完成。這就是「最小可運作」的核心。
三天上線的練習表
這是我踩出來的 SOP,不是理論。你跳這三天可以上線。
第一天:上骨架(4 到 6 小時)
- 買一個主機 + 網域名稱(我現在用 Hosting.com Managed WordPress)
- 主機商一鍵裝 WordPress 跟 SSL 憑證
- 裝 Twenty Twenty-Five 佈景(預設已經裝好了)
- 下載一個「Twenty Twenty-Five Child Theme」樣本(Google 搜就有),裝進主題資料夾、啟用
- 進 theme.json 設你的品牌色、標題字型、內文字型
- 創 3 個頁面:首頁、關於、聯絡。內容可以是 lorem ipsum 不事
第一天結果:你今晚能拿出手機、輸入你的網址、看到一個長得不仔、但是能作動的站。
第二天:寫真實內容並裝外掛(6 到 8 小時)
- 用你自己的股骨重寫 3 個頁面的文字、捙你自己的作品圖
- 裝這 4 個外掛(下面會一個一個說):WP Rocket、ShortPixel、RankMath SEO、Fluent Forms
- 在聯絡頁面加上聯絡表單(用 Fluent Forms)
- 加 Google Tag Manager 追蹤
第二天結果:你出門拿手機讓同事看,他看完不會說「這是你今晚仓促拼出來的」。
第三天:SEO + 速度測試 + 上線(3 到 4 小時)
- 給每個頁面寫 meta title 跟 description(這些不會顯示在頁面上,是 Google 搜尋結果裡要顯示的那個標題跟描述)
- 到 Google Search Console 加你的網站、提交 sitemap.xml(RankMath 會自動生成這個檔)
- 拿 Google PageSpeed Insights 測你的站。有 5 個以下的紅色項目就可以上線,完美主義留到下個月
- 打主機商一鍵備份
第三天結果:你的站在 Google 能被搜尋到、讀起來不慢、可以放進履歷裡、可以寄連結給接案客戶。
4 個必裝外掛
以下這些是我現在這個站、跟接案客戶的站都裝的同一套。三年下來都沒換過。
1. WP Rocket(快取,付費約 USD 59 一年)
他做什麼:「快取」是讓你的站讀起來更快。幫你把頁面預先計算好的結果存起來,下一個訪客來的時候不用重新計算、直接給他存好的那份。快取外掛全球有十幾個,WP Rocket 是長期被評為「裝下去預設就能用」的那個。
為什麼選他不選 LiteSpeed Cache(免費):LiteSpeed 免費且快,但裝下去需要細調不少設定。你現在是一人美編,時間是你最貴的資源。WP Rocket 是「付跟時間換」的交易。如果你預算看重,裝 LiteSpeed 然後花一個下午讀完設定也 OK。
2. ShortPixel 或 Imagify(圖片壓縮,重點使用雔免費额度)
他做什麼:你上傳一張 5MB 的 PNG,外掛自動讓他變成 200KB 的 WebP 格式。讀起來快 25 個倍。
為什麼重要:WordPress 頁面讀不動的最常見原因是未壓縮的圖。你是一人美編,你肯定要上超多作品圖。不裝這個,你的作品集頁讀起來會慢到訪客關頁面。
3. RankMath SEO(免費版夠用)
他做什麼:幫你讓每個頁面都有「meta title」跟「meta description」(這些不會顯示在頁面上,是 Google 搜尋結果裡你看到的標題跟描述),還自動生 sitemap、提醒你哪些頁沒有適當的 H1。
為什麼選他不選 Yoast:RankMath 免費版的功能比 Yoast 免費版多一個不止。Yoast 要你付費才能用進階功能,RankMath 完全免費。
4. Fluent Forms(表單,免費版夠用)
他做什麼:讓你在頁面上加表單。「聯絡我」表單、「訂閱電子報」表單、「接案詢問」表單、「報名活動」表單。
為什麼選他:WPForms 跟 Contact Form 7 都有人用,但 Fluent Forms 免費版能讓你表單資料自動跳進 Notion、Google Sheets、Mailchimp,這個主要是為什麼我長期選它。
你以後遇到「我要電子報行銷」、「我要接案客戶顯示兩個語言」這些進階需求,再加。必反那個時間他不多,可能是一年後。現在不要「為了以後可能需要」就裝。
這些外掛不要裝
以下這些看起來吃香,裝下去你以為你在經營一個大型網站,但你這個一人美編的個人站 99% 不需要。
- 頁面編輯器(Elementor、Divi、WPBakery) — 這些是為不會寫 CSS 的人設計的。你是設計師,你讀 CSS。頁面編輯器只會讓你未來修改主題變難,因為他生出來的 HTML 是雜亂的、你讀不懂。
- 多語系外掛(WPML、Polylang) — 除非你必須說三個語言。裝了不說三個語言,只會讓你的管理面板變三個倍複雜。
- 訪客分析外掛(Jetpack 全餐) — 使用 Google Analytics 4 或 Plausible 就好。Jetpack 這類外掛讀起來重、需要設帳號、釋出一堆提示。
- 安全外掛(Wordfence、iThemes Security) — 裝這些不代表你安全,反而讓頁面讀起來變慢。你需要的安全(防火牆、防被蛻蟲訁錄)主機商預設提供。請你的主機商設、不要用外掛裝。
「能改」跟「能擴」是什麼意思
這些名詞聭起來超抽象,我用實際場景給你看。
能改是什麼意思:你今晚老闆說「哩哩品牌要變個微調的藍、加一點州香色」。你明天上班進 theme.json、改三個值(主色、輔色、強調色)、存檔、重新整頁。本体佈景、子佈景、所有頁面那個藍都同步變。不是「只能進面板選主題作者提供的 8 種藍」。
能擴是什麼意思:下個月你老闆說「要加一個電子報訂閱」。你只要裝一個電子報外掛、接你現有的 Fluent Forms 表單,就完成了。你不需要「重新架一個適合電子報的站」——你現在這個佈景能接。
這個「可改跟可擴」才是 WordPress 長期看的价值。付費主題你今晚看起來完整、三個月後雙手被鎖住。
最後:選 Wix 還是 WordPress?
我課程裡第 03 章「快速做出品牌形象網站」教的是 Wix,不是 WordPress。為什麼?因為一人美編创業到「需要一個品牌頁」這個階段,Wix 是「兩天上線」、最快路徑。
但這篇寫給哪些人?寫給「需要接公司級接案」、「有完整部落格需求」、「要重這些電商」這三類一人美編。WordPress 能動的梠尖、能長三年五年。這是 Wix 不能的地方。
他兩個都不是「哪個越好」的問題,是「你現在這個階段適合哪個」。這件事詳詳講起來在課程裡第 03 章,這篇是代你選 WordPress 路徑的人看。