WordPress 的文章編輯器（Gutenberg 區塊編輯器）是 WordPress 5.0 後引入的現代化內容創作工具，取代了舊版經典編輯器。它以直觀的區塊式設計，讓使用者輕鬆創建豐富的文章內容，無需編寫程式碼。本教學將逐步指導你如何使用 Gutenberg 編輯器來撰寫、格式化與發佈文章，並附上操作截圖，幫助新手快速上手。
前置準備
- WordPress 網站：確保你已安裝 WordPress（版本 5.0 或以上）並有管理員或編輯者權限。
- 後台存取：登入 WordPress 後台（通常為 yourdomain.com/wp-admin）。
- 基本了解：熟悉文章與頁面的區別（文章用於部落格內容，頁面用於靜態內容如「關於我們」）。
步驟一：建立新文章
進入文章編輯器登入 WordPress 後台，點擊左側選單「文章」（Posts）→「新增文章」（Add New）。這將開啟文章編輯器介面。
文章編輯器介面介紹
中央區塊是文章標題及內文，右側側邊欄是文章屬性或區塊屬性，左側側邊欄是新增區塊或區塊清單檢視或文章大綱檢視。下方側邊欄較不常用到，若有安裝外掛的話部分外掛才會使用到這個部分。
編輯文章標題及內文
在文章編輯器頂部的「輸入標題」欄位輸入文章標題，例如「我的第一篇部落格文章」。
步驟二：使用區塊編輯器
Gutenberg 採用「區塊」概念，每個內容元素（如段落、圖片、標題）都是一個獨立區塊，方便拖放與編輯。
新增區塊
點擊編輯器中的「+」圖示（位於頂部工具列或內容區域），開啟區塊選單。
常見區塊包括：
- 段落：用於輸入文字。
- 標題：設定 H2、H3 等標題層級，利於 SEO。
- 圖片：上傳或插入圖片。
- 清單：建立項目符號或編號清單。
- 嵌入：插入 YouTube 影片、X 貼文等。
新增區塊時點擊「瀏覽全部」，可新增的區塊總覽會跑到左側側邊欄。
新增段落
選擇「段落」區塊，輸入你的文章內容，例如「這是我的第一篇部落格文章內容」。
格式化文字選中段落區塊，點擊區塊上方工具列中的選項，可加粗（B）、斜體（I）、插入連結或調整對齊方式。
新增標題
在區塊上方工具列中的選項中可以調整段落階層，內文標題是從H2開始往下編（因為H1是步驟一的文章標題）。
插入圖片
點擊「+」選擇「圖片」區塊，上傳圖片檔案或從媒體庫選擇。
設定圖片大小、對齊方式或新增替代文字（Alt Text，利於 SEO）。
新增清單
選擇「清單」區塊嵌入項目符號或編號清單。
步驟三：設定文章屬性
文章屬性（分類、標籤、特色圖片等）可在右側側邊欄調整。
新增分類
在右側「設定」標籤中，點擊「分類」（Categories）新增或選擇現有分類。
新增標籤
在「標籤」（Tags）輸入關鍵字（如「WordPress, 教學」），利於 SEO 與內容組織。
設定精選圖片
點擊「設定精選圖片」，上傳或選擇一張圖片。這張圖片會代表這篇文章並會顯示在文章預覽或社群分享中。
編輯內容摘要
點擊「編輯內容摘要」，寫上這篇文章的摘要。這段摘要文字會代表這篇文章並會顯示在文章預覽或社群分享中。
調整固定網址（Permalink）
在「固定網址」欄位，編輯文章的 URL 結構（例如 yourdomain.com/my-first-post）。確保簡潔且包含關鍵字，利於搜尋引擎排名。
步驟四：預覽與發佈文章
預覽文章點擊右上角「檢視」→「在新分頁中預覽」，檢查文章在網站前台的顯示效果，包括行動裝置與桌面端。
發佈文章確認無誤後，點擊右上角「發佈」（Publish）。可選擇立即發佈或設定未來發佈時間（點擊「立即」旁的下拉選單）。發佈後，文章將出現在你的網站上。
儲存草稿或更新若尚未準備好發佈，點擊「儲存草稿」（Save Draft）。
已發佈的文章可隨時編輯並點擊「儲存」儲存變更。
進階技巧
區塊模式
開啟左側側邊欄、點選「清單檢視」，這樣可以一次瀏覽文章中的所有區塊，在此可使用滑鼠拖曳重新排列區塊。如果需要同時調整多個區塊的位置，可以同時選取多個區塊然後拖曳調整位置。
大綱模式
開啟左側側邊欄、點選「大綱檢視」，這樣可以瀏覽文章中的段落分佈，點擊標題可以快速移動到那個標題的所在位置。
結語
WordPress 的 Gutenberg 文章編輯器以其直觀的區塊式設計，讓內容創作變得簡單而靈活。透過以上步驟，你可以輕鬆撰寫專業的文章，新增多媒體內容，並優化 SEO 屬性。參考截圖練習操作，立即開始打造你的第一篇 WordPress 文章吧！
