跳到主要內容
Jason Finance
AI 創業

WordPress 電商課程網站怎麼搭:一個人經營 Jason Career 的 Cloudways、Flatsome 架構

WordPress 電商課程網站的實際架構:Jason Career 用 Cloudways、Cloudflare、Flatsome、WooCommerce 與 LearnDash,65 個外掛依用途分組,由 Claude Code 透過 SSH 維運。

本文目錄
  1. 1.Jason Career 是什麼樣的 WordPress 電商課程網站
  2. 2.一層一層看:主機、系統、佈景主題到外掛
  3. 3.65 個外掛依用途分組
  4. 3.1客製化不改佈景主題
  5. 3.2快取有兩層
  6. 4.Claude Code 怎麼維運這套架構
  7. 5.自己架和外包差在哪
  8. 6.這個專欄接下來會寫什麼
  9. 常見問題

Jason Career 是我經營職涯、求職和留學內容的網站,除了文章,也賣電子書、文書與履歷諮詢、Coffee Chat 課程和會員內容。它是一個自己架的 WordPress 電商課程網站:主機在 Cloudways,前面有 Cloudflare,佈景主題是 Flatsome,商店用 WooCommerce,課程用 LearnDash,日常維運交給 Claude Code 透過 SSH 和 WP-CLI 處理。

先說結論:這個網站在 2026 年 10 月 11 日有 65 個啟用中的外掛,結帳、訂閱、會員、課程和三種金流都靠 WordPress 外掛組起來,客製化程式不改佈景主題,另外存在 GitHub。自己架站之外的另一條路是外包,外包報價數十萬。自己架不用付這筆外包費,但更新、備份和快取都要自己管。這是「一人電商與課程網站」專欄的第一篇,先把架構攤開,費用和各層細節之後一篇一篇寫。

本文是我自己網站的架構紀錄,不是主機、佈景主題或外掛的推薦。版本與外掛數量是 2026 年 10 月 11 日的狀態,之後會變動;工具說明引用各官方網站,以官方最新資訊為準。

延伸閱讀

想知道看不懂程式的人怎麼讓 AI 維運這個網站?我記錄了 Claude Code 10 天內在 Jason Career 做的事、遇到的問題和權限規則。

看維運紀錄

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 個外掛待更新。

延伸閱讀

關於作者

Jason 的照片

Jason

Google 大客戶銷售客戶經理、哥倫比亞大學 MBA 錄取,分享自己實際用過的理財工具與經驗。

留言

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

登入即表示你同意本站的隱私權政策。

  1. 載入留言中…