MO STORIES

WordPress Gutenberg 編輯器教學:新手 10 分鐘上手(2026)

2026年4月10日5 MIN READ

結論先講:先分清楚「頁面」和「文章」 WordPress 新手只要先懂一件事:頁面(Page) 放固定內容,文章(Post) 放持續更新的內容。分清楚後,新增內容、放進選單、讓讀者找到你,都會簡單很多。 頁面 vs 文章:差在哪? 類型 用途 典型內容 會出現在部落格列表嗎 頁面(Page) 固定資訊 關於我們、服務介...

WordPress Gutenberg 編輯器教學:新手 10 分鐘上手(2026)
Cover Visual

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

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 和數位經營的實用心法。

MO 編輯

關於作者 | 10+ 經驗

MO 編輯

WordPress 效能優化專家 / MO Design Studio 共同創辦人

關注設計 × 工程的平衡協作,擅長以簡潔語言說故事。專門幫已有網站的品牌做速度升級。相信好網站不用重做,只需要正確的優化。

WordPress 優化SEO 策略Headless CMS效能稽核

延伸閱讀

Newsletter

訂閱瘦生活電子報

每週一封故事信——分享如何用減法思維剔除雜訊、做對的事、過好生活。不說教,不推銷,只有真實的取捨紀錄。

我們尊重隱私,絕不發送垃圾郵件。可隨時取消訂閱。

MO DESIGN STUDIO

我們專注品牌網站設計、行銷著陸頁與整合式 CMS 流程,協助團隊打造有感的線上體驗。

返回部落格