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

結論先講:先分清楚「頁面」和「文章」
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 和數位經營的實用心法。

關於作者 | 10+ 經驗
MO 編輯
WordPress 效能優化專家 / MO Design Studio 共同創辦人
關注設計 × 工程的平衡協作,擅長以簡潔語言說故事。專門幫已有網站的品牌做速度升級。相信好網站不用重做,只需要正確的優化。
延伸閱讀

WordPress 網站架設教學:從零開始的完整步驟(2026)
>-...

WordPress 是什麼?2026 新手入門完整介紹(功能、費用、適合誰)
>-...

WordPress 手機跑版怎麼辦?RWD 問題排解完整指南(2026)
WordPress 網站手機跑版?90% 是 CSS 問題。這篇教你用 7 個步驟診斷和修復 RWD 問題,從 Viewport Meta Tag、CSS 衝突到外掛相容性,一步步排查。...
訂閱瘦生活電子報
每週一封故事信——分享如何用減法思維剔除雜訊、做對的事、過好生活。不說教,不推銷,只有真實的取捨紀錄。