MO StudioStart a Project

MO STORIES

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

2026年4月10日2 分鐘閱讀

WordPress Gutenberg 編輯器新手教學:搞懂頁面和文章的差別,學會新增頁面、發佈文章、設定選單。照著做,10 分鐘就能把第一篇內容上線。

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

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:新手怎麼選?

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

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


延伸閱讀

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

常見問題 FAQ

Q1:我應該先做頁面,還是先寫文章?

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

Q2:WordPress 頁面可以設定分類嗎?

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

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

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

Q4:發佈後可以再改嗎?

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


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

看完教學覺得 WordPress 還是太麻煩?

瘦桑與 茉設計 同步提供專業的網站升級服務:

速度升級
讓 LCP < 2.5s,降低跳出率
流量升級
精準診斷核心關鍵字佈局
獲取專家診斷

前 5 名諮詢客戶享免費效能報告

延伸閱讀

Newsletter

訂閱 MO Stories

獲得最新的網頁設計趨勢、Headless CMS 技術洞察與數位變現策略。

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

MO DESIGN STUDIO

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

← 返回部落格