WordPress 在 5.0 版正式內建 Gutenberg 編輯器（Block Editor）之後，寫文章這件事從根本上改變了。以前編輯器是一個長文字框，在裡面貼上 HTML 或用工具列加粗、換色；現在畫面變成一格一格的區塊，每一格管自己的內容，互不干擾。

對剛接觸 WordPress 的人來說，這個轉變有時候反而令人困惑——明明只想打字，卻冒出一堆「選擇區塊類型」的提示。這篇文章從區塊的邏輯說起，帶你走完插入常用區塊、設定文章屬性、最後按下發布的完整流程。

區塊的概念，與傳統編輯器有什麼不同

Gutenberg 把頁面視為「區塊的集合」，這個設計邏輯來自 WordPress 長期以來對頁面建構外掛的觀察。傳統上，站長若要在文章裡插入一個按鈕或欄排版，必須依賴 Elementor 或 Divi 這類外掛；Gutenberg 把這個能力直接收進了核心。

每個區塊都是獨立單元。一段文字是一個段落區塊，一張圖是一個圖片區塊，彼此之間可以自由拖移調換順序，也可以單獨調整樣式，不會影響旁邊的區塊。這和過去「整篇文章都在同一個 HTML 碗裡」的編輯方式，在操作邏輯上截然不同。

WordPress 6.x 版之後，這套編輯器的發展重心擴展到完整網站編輯（FSE，Full Site Editing）——連頁首、頁尾、側欄都能用區塊拼接管理。但對寫文章的人來說，日常用到的核心區塊就那幾種，熟悉它們便能應付九成的發文場景。

5 種最常用的區塊，怎麼插入與設定

新增區塊有兩個入口，一是點畫面左上角的「＋」按鈕，二是在內容區直接輸入 /（斜線），後面接區塊名稱，像是 /image 或 /button，系統會即時篩選出對應選項。熟悉這個快速插入方式後，整個寫作流程會流暢許多。

常用的區塊集中在以下幾種，掌握這些就能完成大多數文章：

• 段落（Paragraph）：最基礎的文字區塊，開啟新頁面預設就是段落模式。右側欄可調整字體大小與顏色，但正文建議維持主題預設值，避免全篇字號不一。
• 標題（Heading）：對應 HTML 的 H2 至 H6，從區塊工具列的下拉選單切換層級。文章正文從 H2 開始使用，H1 留給文章主標題，WordPress 已在標題欄位自動輸出。
• 圖片（Image）：支援從媒體庫選取、本機上傳或直接貼入圖片 URL 三種來源。插入後，右側欄可填寫替代文字（Alt Text），這一欄對 SEO 與無障礙閱覽都有影響，建議每張圖都填寫。
• 清單（List）：預設為無序清單，切換工具列可改成有序清單。清單項目按 Enter 新增下一項，按 Tab 縮排為次層，按 Shift＋Enter 在同一項目內換行而不新增項目。
• 按鈕（Buttons）：實際上是一個容器區塊，裡面可放多個按鈕。點選按鈕後在工具列設定連結，右側欄可調整填色、輪廓樣式與圓角大小，適合用在召喚行動（CTA）的位置。

新手常見的疑問，是不確定要用段落還是清單。判斷方式很直接，三個以上並列的短項目走清單，連貫的論述或說明就留在段落。

發布前要設定的文章屬性

Gutenberg 把文章屬性統一收在編輯畫面右側欄，分成「文章（Post）」與「區塊（Block）」兩個標籤。發布前切到「文章」標籤，確認以下設定：

• 精選圖片（Featured Image）：點「設定精選圖片」從媒體庫選取，這張圖會出現在文章列表頁、社群分享預覽，以及大多數主題的文章封面。未設定的話，有些主題會顯示佔位符，有些則完全空白。
• 摘要（Excerpt）：手動填寫 100 至 150 字的文字，作為搜尋引擎預覽與文章列表說明。不填的話 WordPress 會自動擷取文章開頭，但自動截斷的結果往往不是你想要的表述。
• 分類（Categories）：在右側欄的「分類」區塊勾選對應分類。每篇文章建議只選一個主分類，多選容易稀釋分類頁的主題性。
• 標籤（Tags）：可視情況加 3 至 5 個相關詞，幫助站內文章互相連結。標籤不是 SEO 工具，更像是站內索引，因此不需要堆疊關鍵字。
• 永久連結（Permalink）：在「文章」標籤最上方，點「URL」欄位可修改這篇文章的 slug。建議使用英文小寫加連字號，避免中文字在 URL 裡被百分比編碼變得難以辨識。

從新增文章到按下發布，完整走一次

掌握區塊操作與屬性設定之後，整個發文流程只需要幾個動作。以下按順序走一遍，讓各個環節在腦中形成完整圖像。

進入編輯畫面

在 WordPress 後台左側選單點「文章 → 新增文章」，或在文章列表頁點「新增」，都會進入編輯介面。畫面最上方是文章標題欄，下方空白區域就是內容編輯區。標題先填，這樣 WordPress 會自動依標題產生 slug，之後再到永久連結欄位修改成你想要的格式。

置入文字與媒體

點擊內容區，直接開始輸入，第一個區塊預設是段落。想換標題，點工具列最左側的段落圖示切換成標題，或輸入 /heading 新增一個標題區塊。圖片直接拖曳到想放的位置，系統會自動建立圖片區塊並開始上傳；也可以先用 /image 建立空的圖片區塊，再選擇來源。整體排版在編輯時看到的樣子，大致上就是前台讀者看到的樣子——這是相對傳統編輯器最直觀的地方。

確認右側欄屬性

內文完成後，切到右側欄「文章」標籤，依序確認精選圖片、摘要、分類、標籤與永久連結。這些欄位不影響文章能否儲存，但缺少精選圖片與摘要，在主題前台的呈現通常會打折。

預覽後發布

按右上角「預覽」可以在新分頁看到文章的實際前台樣式，確認排版、圖片尺寸與連結都正確後，回到編輯頁點「發布」。WordPress 會再跳出一個確認視窗，確認分類與可見性設定，點第二次「發布」文章才真正上線。若還不想公開，可以在可見性欄位改成「私密」，或直接設定未來的排程時間。

走過這個流程一兩次後，大多數動作會成為肌肉記憶。區塊的學習門檻集中在第一次接觸時的陌生感，實際上區塊邏輯比起傳統編輯器更接近「所見即所得」，把每個元件想成獨立積木，操作起來反而更直覺。