WordPress Gutenberg 編輯器教學：新手 10 分鐘上手（2026）

結論先講：先分清楚「頁面」和「文章」

WordPress 新手只要先懂一件事：頁面（Page） 放固定內容，文章（Post） 放持續更新的內容。分清楚後，新增內容、放進選單、讓讀者找到你，都會簡單很多。

---

頁面 vs 文章：差在哪？

類型	用途	典型內容	會出現在部落格列表嗎
頁面（Page）	固定資訊	關於我們、服務介紹、聯絡我們	不會
文章（Post）	持續更新	教學文、心得文、消息公告	會

簡單記法：頁面像店面招牌，文章像每週更新的貼文。

---

新增頁面前，先準備 3 件事

別急著打開編輯器。先做好準備，後面會省很多時間。

① 準備頁面標題——例如「服務介紹」、「常見問題」、「聯絡我們」。
② 想好這頁要讓讀者做什麼——填表單、加 LINE、看作品。
③ 先寫一段 2-3 句簡介——避免打開編輯器才空白發呆。

---

如何新增頁面？（Gutenberg 步驟）

後台路徑：頁面 → 新增頁面。你會看到 Gutenberg 區塊編輯器。

步驟	操作
①	輸入頁面標題（例如：關於我們）
②	點 + 新增區塊（標題、段落、圖片、按鈕）
③	右側面板設定精選圖片、網址別名（Slug）
④	按「預覽」檢查手機版和電腦版
⑤	按「發佈」完成上線

Gutenberg 的核心概念是「區塊」。每一段文字、每張圖片、每個按鈕都是一個區塊，可以獨立拖曳、調整、刪除。

---

如何發佈第一篇文章？

路徑：文章 → 新增文章。操作和頁面很像，但要多做分類和標籤。

發佈前必填欄位

欄位	要不要填	建議
標題	必填	直接說結果，像使用者會搜尋的句子
特色圖片	建議填	用 1200 x 630 px，社群分享不會醜
分類（Category）	必填	每篇至少 1 個分類
標籤（Tag）	建議填	2-5 個就好，不要亂塞
摘要（Excerpt）	建議填	80-120 字，先講重點
網址別名（Slug）	建議改	用英文，簡短好讀

---

如何把頁面加到網站選單？

頁面發佈後還要放進選單，訪客才找得到。

步驟	操作
①	到 外觀 → 選單
②	選主選單（Main Menu）
③	左側勾選剛新增的頁面 → 點「加入選單」
④	拖曳排列順序
⑤	儲存選單

如果你用的是 Block Theme（區塊主題），選單管理改在 外觀 → 編輯器 → Navigation 裡。

---

新手最常踩的 5 個錯誤

排名	錯誤	後果
①	頁面發佈了，但沒加入選單	訪客根本找不到
②	文章沒設分類	站內整理混亂，SEO 也受影響
③	圖片檔案太大	網站載入變慢
④	標題很文青，但沒人會這樣搜尋	SEO 流量 = 0
⑤	發佈後不檢查手機版	手機跑版都不知道

---

發佈前 60 秒檢查清單

每篇內容上線前，快速跑一遍：

• 標題清楚，像使用者會搜尋的句子
• 網址別名（Slug）簡短好讀
• 有特色圖片和摘要
• 手機版排版正常
• 已加入主選單或相關連結

---

Gutenberg vs Elementor：新手怎麼選？

比較項目	Gutenberg	Elementor
費用	免費（WordPress 內建）	免費版有限制，Pro 約 $49/年
上手難度	低	中
設計自由度	中	高
速度影響	小	中到大（做越複雜越慢）
適合誰	寫內容為主的人	需要高度自訂設計的人

建議：只想快速上線內容，先用 Gutenberg。等到對設計有更明確的需求，再考慮 Elementor。

---

延伸閱讀

你接下來要做的事	對應教學
搞懂 WordPress 基礎	WordPress 是什麼？新手入門完整介紹
選對主題	WordPress 主題怎麼選？
做好安全維護	WordPress 安全維護教學
手機版跑版修復	WordPress 手機跑版怎麼辦？

---

常見問題 FAQ

Q1：我應該先做頁面，還是先寫文章？

先做頁面。至少先有「首頁 / 關於 / 聯絡」三頁，建立網站的基本框架，再開始寫文章。

Q2：WordPress 頁面可以設定分類嗎？

預設不行。分類是文章專用的功能；頁面靠選單和階層來管理。

Q3：Gutenberg 區塊編輯器可以做出複雜的版面嗎？

可以。2026 年的 Gutenberg 已經支援欄位區塊、群組區塊、全站編輯等功能。搭配 Block Theme，大部分的版面需求都能處理。

Q4：發佈後可以再改嗎？

可以，而且建議持續優化。標題、摘要、內文都可以改，不需要一次做到完美。SEO 的本質就是持續迭代。

---

想一次把架站和內容流程做好？訂閱《用減法瘦生活》電子報，每週收到 WordPress 和數位經營的實用心法。