WordPress 電商課程網站怎麼搭:一個人經營 Jason Career 的 Cloudways、Flatsome 架構
WordPress 電商課程網站的實際架構:Jason Career 用 Cloudways、Cloudflare、Flatsome、WooCommerce 與 LearnDash,65 個外掛依用途分組,由 Claude Code 透過 SSH 維運。
本文目錄
Jason Career 是我經營職涯、求職和留學內容的網站,除了文章,也賣電子書、文書與履歷諮詢、Coffee Chat 課程和會員內容。它是一個自己架的 WordPress 電商課程網站:主機在 Cloudways,前面有 Cloudflare,佈景主題是 Flatsome,商店用 WooCommerce,課程用 LearnDash,日常維運交給 Claude Code 透過 SSH 和 WP-CLI 處理。
先說結論:這個網站在 2026 年 10 月 11 日有 65 個啟用中的外掛,結帳、訂閱、會員、課程和三種金流都靠 WordPress 外掛組起來,客製化程式不改佈景主題,另外存在 GitHub。自己架站之外的另一條路是外包,外包報價數十萬。自己架不用付這筆外包費,但更新、備份和快取都要自己管。這是「一人電商與課程網站」專欄的第一篇,先把架構攤開,費用和各層細節之後一篇一篇寫。
本文是我自己網站的架構紀錄,不是主機、佈景主題或外掛的推薦。版本與外掛數量是 2026 年 10 月 11 日的狀態,之後會變動;工具說明引用各官方網站,以官方最新資訊為準。
Jason Career 是什麼樣的 WordPress 電商課程網站
| 項目 | 內容(2026 年 10 月 11 日) |
|---|---|
| 主題 | 職涯、求職、履歷、SOP、面試、留學申請與職場成長 |
| 讀者 | 求職者、留學申請者、想轉職的上班族 |
| 賣什麼 | 電子書、文書與履歷諮詢、Coffee Chat 課程、會員內容 |
| 文章 | 繁中 110 篇、簡中 40 篇、英文 10 篇 |
它不是單純的部落格。讀者在同一個網站上看文章、買電子書、訂閱會員、上課,網站同時是內容站、商店和課程平台。下面的外掛分組也看得出來,商店、會員、課程和金流各有自己的外掛。
Claude Code 在這個網站上實際做過哪些事,寫在〈看不懂 SSH 也能維運 WordPress〉,這篇只談架構。
一層一層看:主機、系統、佈景主題到外掛
| 層 | 工具 | 做什麼 |
|---|---|---|
| 網路前端 | Cloudflare | 網站回應標頭顯示 server: cloudflare,訪客的流量先經過 Cloudflare |
| 主機 | Cloudways | 跑 WordPress 的雲端主機,主機層有 Varnish 快取 |
| 系統 | WordPress 7.1.3、PHP 8.4 | 網站本體 |
| 佈景主題 | Flatsome 3.20 | 網站外觀與版面 |
| 商店 | WooCommerce | 商品、購物車、結帳 |
| 課程 | LearnDash | 線上課程 |
| 外掛快取 | WP Rocket | WordPress 層的快取與效能最佳化 |
| 維運 | Claude Code(SSH + WP-CLI) | 從一台 Linux 主機連進 Cloudways 修改網站 |
各工具的官方說法如下(2026 年 10 月 17 日查閱):
- Cloudways:官網稱自己是代管雲端主機平台,「a fast, secure, and simple cloud hosting platform, backed by 24/7 expert support」,底層可選 DigitalOcean、Vultr、Linode、AWS、Google Cloud 等雲端供應商(Cloudways 官網)。Jason Career 用的是哪一家雲端、哪個方案,之後談費用時再寫。
- Flatsome:開發商 UX Themes 稱它是「Best Selling Flatsome WooCommerce Theme」,也就是為 WooCommerce 商店設計的佈景主題(UX Themes 官網)。主題內附 UX Builder,官方介紹是可以拖放排版、即時預覽的編輯器,買主題就包含在內(UX Themes:Flatsome 3.0 介紹)。
- WooCommerce:官網寫「the open-source commerce platform for WordPress」,強調商家掌握「your checkout, your data, your costs」(WooCommerce 官網)。
- LearnDash:官方 FAQ 的定義是「a WordPress LMS plugin that lets you create, manage, and sell online courses」,也就是在 WordPress 上建立、管理和販售線上課程的外掛(LearnDash 官網)。
- WP Rocket:官網稱自己是「the caching plugin at the heart of any fast WordPress website」(WP Rocket 官網)。
- WP-CLI:WordPress 官方的命令列工具,「The command line for WordPress. No browser required.」(WordPress.org:WP-CLI)。
為什麼選 Cloudways 和 Flatsome,我會在之後的專欄文章說明,這篇不先下結論。
65 個外掛依用途分組
2026 年 10 月 11 日啟用中的外掛共 65 個,下面只列主要的幾個,依用途分組:
| 用途 | 外掛 |
|---|---|
| 電商 | WooCommerce,加上 Subscriptions(訂閱)、Memberships(會員)、FunnelKit(結帳漏斗與購物車) |
| 金流 | PayUni、LINE Pay、Stripe |
| 課程 | LearnDash |
| SEO | Rank Math、Redirection |
| 效能 | WP Rocket、Perfmatters、WP-Optimize、Object Cache Pro、ShortPixel |
| 多語言 | Polylang(2023 年用過,2026 年 10 月 11 日重新啟用) |
| 自訂程式 | Code Snippets、Simple Custom CSS & JS |
客製化不改佈景主題
網站的客製化,例如作者卡片、分類頁標題、/llms.txt、手機版推廣列,都寫在 Code Snippets 和 Simple Custom CSS & JS 兩個外掛裡,不直接改 Flatsome 的檔案。這些程式的原始碼另外存在 GitHub 的私人 repo,每次修改都有紀錄。2026 年 10 月 2 日,Claude Code 把正式站上的自訂程式匯出成 Git 的基準版,之後的修改都從這份基準版出發。
快取有兩層
效能相關的外掛有 5 個,其中 WP Rocket 負責 WordPress 層的快取;Cloudways 主機層另外還有 Varnish。2026 年 10 月 10 日我們就踩過一次:改了網站卻看不到,原因是只清了 WP Rocket,沒清 Varnish。之後每次部署都兩層一起清。Cloudflare 實際開了哪些快取與防護規則,目前還沒有整理,會放在快取那篇一起寫。
Claude Code 怎麼維運這套架構
Claude Code 跑在一台 Oracle Cloud 的 Linux 主機上,用一般的 SSH 連到 Cloudways,再用 WP-CLI 查資料、改設定、更新內容。沒有用 MCP。這台主機怎麼架,見〈Oracle Cloud 免費主機跑 Claude Code Remote Control〉。
改正式站之前有幾道關卡:部署前先產生預覽計畫,只能套用剛預覽過的那份;部署前自動備份,備份失敗就中止;改寫 Git 歷史、強制推送要我核准。完整規則和 10 天內做過的事,見〈看不懂 SSH 也能維運 WordPress〉。
自己架和外包差在哪
自己架站之外的另一條路是請人做,我拿到的外包報價數十萬。自己架的話,這筆建置費不用付,換來的是下面這些事都要自己負責:
| 項目 | 自己架(Jason Career 的狀態) |
|---|---|
| 結帳與資料 | 在自己的 WordPress 和主機上,WooCommerce 官網的說法是商家掌握「your checkout, your data, your costs」 |
| 外掛更新 | 自己處理;2026 年 10 月 11 日還有 38 個外掛待更新 |
| 備份 | 部署前自動備份;備份還原演練還沒做過 |
| 版本升級 | WordPress 核心與外掛的大版本更新、PHP 版本升級,都還沒交給 Claude Code |
| 快取 | WP Rocket 和 Varnish 兩層都要清;Cloudflare 的設定還沒整理 |
網站有電子書、諮詢、課程和會員,任何一個外掛出問題都可能影響結帳,外掛更新和備份還原這兩件還沒交給 Claude Code 的工作,會在後續文章另外寫。
Jason Finance 這個網站走的是另一條路:不用 WordPress,用 Astro 產生靜態網站,放在 Cloudflare,內容以文章為主,見〈看不懂程式也能架網站〉和〈Jason Finance 從零到一〉。Jason Career 則是有會員、訂閱和金流的 WordPress 電商與課程站,兩個網站的維運方式也不同:Jason Career 的變更要經過正式站備份與部署計畫,Jason Finance 的變更走 Git 與 Cloudflare 部署。
這個專欄接下來會寫什麼
這篇只交代架構。下面這些讀者通常會問的問題,這篇沒有寫,會在後續的專欄文章各寫一篇:
- 費用:Cloudways 的雲端與方案、付費外掛授權、網域等每月實際花多少。
- 為什麼選 Cloudways 和 Flatsome:當初的考量。
- 快取:Varnish 和 WP Rocket 怎麼分工、怎麼清,Cloudflare 開了哪些設定。
- Flatsome UX Builder:頁面和商品頁怎麼排版。
- AI 維運:外掛更新、備份還原這些還沒交給 Claude Code 的工作,之後怎麼做。
更多 AI 架站與維運的文章,在 AI 創業主題頁。
常見問題
Jason Career 這個 WordPress 電商課程網站用了哪些工具?
2026 年 10 月 11 日的狀態是:主機在 Cloudways,前面有 Cloudflare;系統是 WordPress 7.1.3、PHP 8.4,佈景主題 Flatsome 3.20;電商用 WooCommerce 加上 Subscriptions、Memberships 和 FunnelKit,課程用 LearnDash,金流有 PayUni、LINE Pay、Stripe。
一個電商加課程的 WordPress 網站要裝多少外掛?
Jason Career 在 2026 年 10 月 11 日有 65 個啟用中的外掛,分成電商與金流、課程、SEO、效能、多語言和自訂程式幾類。這是一個網站的實際數字,不代表其他網站需要一樣多。
網站的客製化改在佈景主題裡嗎?
沒有。作者卡片、分類頁標題、llms.txt、手機版推廣列等客製化都寫在 Code Snippets 和 Simple Custom CSS & JS 兩個外掛裡,原始碼另外存在 GitHub 私人 repo,不直接改 Flatsome。
為什麼清了 WP Rocket 快取,網站還是沒變?
Jason Career 遇過這個問題:Cloudways 主機層還有一層 Varnish 快取,只清 WP Rocket 不夠,要另外清 Varnish,訪客才看得到變更。之後每次部署都兩層一起清。
自己架 WordPress 和外包比起來差在哪?
我拿到的外包報價數十萬。自己架的話,網站、結帳和資料都在自己手上,但外掛更新、備份和版本升級也要自己負責;到 2026 年 10 月 11 日,Jason Career 還有 38 個外掛待更新。
延伸閱讀
- 一個人用 AI 潤稿多語系網站:我怎麼讓 Claude Code 檢查 271 個檔案AI 潤稿實例:Jason Finance 用 Claude Code 和自訂潤稿 skill 重跑 271 個四語檔案,先試 5 篇再全站分 10 批,改了 178 個檔案,再用腳本確認標題、連結和數字沒變。
- 嵌入 X 貼文不載入 X 的腳本:把社群貼文做成網站上的靜態卡片,處理備份、隱私與刪文嵌入 X 貼文的另一種做法:Jason Finance 不用官方 widgets.js,改成自己存檔的截圖、作者、時間與原文連結做成靜態卡片,貼文被刪也看得到。附存檔方式與著作權處理。
- WordPress 改了卻看不到:Cloudways 的 Varnish 和 WP Rocket 兩層快取WordPress 改了訪客卻看不到?Cloudways Varnish 和 WP Rocket 是兩層快取,只清一層不夠。依官方文件整理各層怎麼清、怎麼從回應標頭判斷是哪一層給的頁面,附部署後檢查清單。

留言
使用 Google 登入即可留言。留言「不會」使用您的 Google 頭像或姓名,對外顯示的暱稱是系統隨機產生的代號,以保護您的隱私。
登入即表示你同意本站的隱私權政策。