什麼是 CMS?內容管理系統白話解說
CMS(內容管理系統)是一種軟體,讓人能透過友善的編輯器建立、編輯與發布網站的內容,包括文章、頁面、圖片、產品說明,而不必修改程式碼。它負責儲存內容、追蹤草稿與版本,並把已發布的版本呈現在網站上。WordPress 是最知名的例子,但還有許多其他選擇。
為什麼使用 AI 建置時這很重要
當 AI 替你建置網站時,文字與圖片通常會直接寫進程式碼裡。只要你是唯一的編輯者,而且樂於透過請 AI 修改,這樣沒有問題。但如果有其他人,例如行銷人員、店員或志工,每週都需要修正錯字、新增部落格文章或更改營業時間,而且不想碰程式碼,問題就來了。
所以,儘早問的最有用問題之一是:**誰會更改內容?多常更改?**答案決定你需要 CMS、應用程式內建的簡單管理頁面,還是完全不需要。判斷錯誤的話,要嘛之後得硬加一套 CMS,要嘛建了一套從來用不到的系統。
日常生活的比喻
想像一家餐廳的菜單看板。
在一家餐廳裡,菜單直接畫在牆上。看起來很漂亮,但要改價格就得找油漆師傅。這就是把內容寫死在程式碼裡。
在另一家餐廳,菜單寫在一塊黑板上,外框固定,標題也固定:前菜、主餐、甜點。任何員工都可以擦掉一行、寫上新菜色,而看板依然整齊,因為外框和標題都不會變。這就是 CMS。外框是設計(範本),粉筆寫的字是內容,而「只有經理能改價格」的規定就是 CMS 的權限。
傳統 CMS 與無頭 CMS
大致有兩種。
傳統(耦合式)CMS。 同一套系統既儲存內容,也負責呈現網站。你選一個佈景主題,在編輯器中寫作,按下發布,頁面就出現了。WordPress、Drupal 和 Joomla 都是這樣運作,Squarespace 和 Wix 等網站建置工具內建的編輯器也是如此。
無頭(Headless)CMS。 CMS 只負責儲存與編輯內容,它本身沒有「頭」,也就是沒有自己的網站呈現。你的網站或應用程式透過 API 向它要內容,然後以自己的設計顯示。Contentful、Sanity 和 Strapi 是知名的例子,WordPress 也可以這樣使用。
| 傳統 CMS | 無頭 CMS | |
|---|---|---|
| 誰掌控設計 | CMS 的佈景主題與範本 | 你自己的前端 |
| 設定工作量 | 低:安裝、選主題、撰寫 | 較高:需要有人建置前端 |
| 網站、應用程式、電子郵件共用同一個內容來源 | 較困難 | 專為此設計 |
| 適合的情境 | 部落格、形象網站、小型企業 | 客製化網站與應用程式、多管道 |
如果你的網站是用 AI 建置工具以客製程式碼建成,無頭 CMS(或一個小型的內建管理區)就是很自然的選擇,因為前端已經由 AI 建好了。
實例:麵包店的最新消息與菜單
假設麵包店老闆 Maya 有一個 AI 建置的網站,包含首頁、菜單與最新消息區塊。她的員工想發布「南瓜吐司回來了!」,但不想每次都要問 Maya。
這個網站的 CMS 會以結構化的類型儲存內容,很像資料庫中的資料表:
內容類型:文章
| 欄位 | 範例 |
|---|---|
| title | 南瓜吐司回來了 |
| slug | pumpkin-loaf-is-back |
| body | 我們的秋季招牌即將在本週六回歸…… |
| cover_image | pumpkin-loaf.jpg |
| status | published |
| published_at | 2026-10-03 |
內容類型:菜單品項
| 欄位 | 範例 |
|---|---|
| name | 酸種吐司 |
| price | 6.50 |
| category | 麵包 |
| available | true |
員工登入編輯器,填寫新文章的表單,上傳照片,然後按下發布。網站的最新消息頁面會向 CMS 要求所有 status = published 的文章,依最新排序,並以網站的設計呈現。沒有人需要碰程式碼,而且版面保持一致,因為員工只需要填入欄位。
請注意這些欄位的作用。因為 price 是獨立的欄位,而不是段落裡的一句話,網站就能在各處以相同格式顯示價格。因為有 status 欄位,員工可以儲存草稿,而草稿不會出現在網站上。
關鍵術語
| 術語 | 意義 |
|---|---|
| 內容類型(Content type) | 某一種內容的範本,例如文章、產品或團隊成員。 |
| 欄位(Field) | 內容類型中的一項資訊:標題、內文、圖片、價格。 |
| 項目(Entry) | 某個內容類型的一筆資料,例如一篇文章或一項產品。 |
| Slug | 項目適合用於網址的名稱,例如 pumpkin-loaf-is-back。 |
| 草稿 / 已發布 | 項目目前是否已在正式網站上可見。 |
| 富文字(Rich text) | 含有標題、粗體、連結與圖片等格式的文字。 |
| 媒體庫(Media library) | 上傳的圖片與檔案的存放與重複使用之處。 |
| 角色(Roles) | 誰能做什麼:作者撰寫,編輯發布,管理員更改設定。 |
| 無頭(Headless) | 只透過 API 提供內容、沒有內建網站的 CMS。 |
| 預覽(Preview) | 在發布前先看草稿在網站上的樣子。 |
常見錯誤與誤解
- 「CMS 就等於網站建置工具。」 網站建置工具通常內建 CMS,但 CMS 專門負責管理內容。無頭 CMS 則完全沒有網站設計。
- 「每個網站都需要一套。」 一個五頁、一年只改兩次的網站不需要。請 AI「更新營業時間」,可能比維護 CMS 還簡單。
- 把所有東西塞進一個大文字框。 如果價格、日期與地址都埋在段落中,你就無法排序、篩選或重新格式化。請使用獨立的欄位。
- 忘記權限。 要決定誰能發布,而不只是誰能撰寫。新進員工大概不應該能刪除首頁。
- 忽略圖片。 如果沒有大小限制,大家會上傳超大照片,網站就會變慢。請要求自動縮圖。
- 以為內容可以輕鬆搬家。 從一套 CMS 換到另一套,通常需要匯出並重新對應內容。請參閱如何遷移 WordPress 網站。
該向你的 AI 建置工具要求什麼
- 「這個網站的哪些內容是寫死在程式碼裡的?哪些是來自資料庫?」
- 「把部落格文章存入資料庫,包含標題、slug、內文、封面圖片、狀態與發布日期。」
- 「建立一個簡單的管理頁面,讓已登入的員工可以新增、編輯與發布文章。只有管理員可以刪除。」
- 「只讓已登入的員工看到草稿;公開網站只顯示已發布的文章。」
- 「縮放上傳的圖片,並把圖片存放在檔案儲存空間,而不是資料庫中。」
- 「或者,使用 API 把這個網站連接到[無頭 CMS],並把 API 金鑰保存在伺服器端。」
如需逐步協助,請參閱如何在網站上新增部落格與如何用 AI 建立部落格。如果你正在考慮離開 WordPress,WordPress 替代方案會比較各種選項。
CMS 與 Mythex
Mythex 是 AI 應用程式建置工具,不是 CMS:開箱即用時,並沒有提供給內容團隊的獨立編輯者登入。一般來說,你是在聊天中請 AI 修改內容。如果其他人也需要編輯內容,請讓代理建立一個小型管理區,以專案的 Postgres 資料庫為後端,上傳的檔案則存放在檔案儲存中。Mythex 本身不包含終端使用者的登入功能,因此代理會接上你選擇的登入服務。或者,你也可以請它透過你既有的無頭 CMS 的 API,把網站連接過去。
常見問題
用簡單的話說,什麼是 CMS?
CMS(內容管理系統)是一種軟體,讓你透過友善的編輯器新增與編輯網站的文字、圖片與頁面,而不必修改程式碼。它負責儲存內容,並處理把內容發布到網站上的工作。
WordPress 是 CMS 嗎?
是的。WordPress 是最知名的傳統 CMS:它儲存你的內容、提供撰寫內容的編輯器,並透過佈景主題把內容呈現為網站。它也可以以無頭(headless)的方式使用,只負責提供內容給另一個獨立的前端。
什麼是無頭 CMS(headless CMS)?
無頭 CMS 負責儲存與編輯內容,但不決定內容看起來的樣子。你的網站或應用程式透過 API 取得內容,並以自己喜歡的方式呈現,這表示同一批內容可以同時供應網站、應用程式與其他管道使用。
我的網站需要 CMS 嗎?
如果非技術人員經常需要更新內容,例如部落格文章、產品說明或團隊頁面,你就需要。如果網站很少變動,或你願意請 AI 建置工具幫忙修改,可能就不需要。