提到WordPress編輯器，很多人第一個想到的畫面，可能還停留在早期那種整篇文章塞在同一個大文字框裡編輯的樣子，但現在WordPress預設的編輯器，早就已經換成以「區塊」為核心概念的全新編輯方式，也就是俗稱的Gutenberg區塊編輯器。這篇文章要完整介紹這套編輯器的核心概念、常用的區塊類型、可重複使用區塊怎麼運用，以及它跟舊版編輯器、跟頁面建構器外掛之間的差異，幫助你更有效率地使用這套現在已經是WordPress預設標準的編輯工具。
WordPress編輯器的演進：從整篇文字框到區塊化編輯
早期的WordPress編輯器，整篇文章基本上就是一個大型的文字輸入框，想要調整排版樣式，很多時候需要依賴額外的短代碼，或是直接編輯HTML標籤，對不熟悉程式的使用者來說，想做出稍微複雜一點的版面，操作起來並不直覺。後來WordPress推出了以區塊為核心概念的新版編輯器，把整篇內容拆解成一個個獨立的「區塊」，每個區塊可以是一段文字、一張圖片、一個列表，使用者透過新增、排列、調整這些區塊，就能組合出想要的版面，不需要再依賴短代碼或直接碰觸程式碼，這個轉變讓內容編輯的方式，更接近一般人熟悉的視覺化操作邏輯。
什麼是「區塊」，這是理解新版編輯器的核心
區塊可以理解成內容的最小組成單位，每一種區塊都對應一種特定類型的內容或功能，例如一段文字是一個區塊，一張圖片是另一個區塊，一個按鈕也是獨立的區塊。每個區塊都有自己專屬的設定選項，例如文字區塊可以調整字級大小與對齊方式，圖片區塊可以調整圖片尺寸與說明文字，這些設定彼此獨立，不會互相干擾。使用者在編輯畫面裡，透過新增區塊、拖曳調整區塊順序、刪除不需要的區塊，就能組合出一篇完整的頁面內容，這種模組化的編輯邏輯，是區塊編輯器跟舊版整篇文字框編輯器，最根本的差異所在。
常用的區塊類型有哪些
區塊編輯器內建了相當多種類的區塊，涵蓋日常撰寫內容時大部分的需求。最基本的是段落區塊，用來輸入一般的文字內容；標題區塊則用來建立文章裡的各級標題，幫助內容形成清楚的層級結構。圖片區塊與圖庫區塊，分別用來插入單張圖片或多張圖片組成的相簿呈現方式。列表區塊可以建立條列式或編號式的清單，適合用來整理重點。引言區塊則專門用來呈現引用他人言論或強調特定文字的樣式。按鈕區塊可以建立導引使用者點擊的行動呼籲按鈕。欄位區塊則能把畫面切割成多欄並排的版面，做出類似傳統排版軟體的多欄配置。群組區塊則像是一個容器，可以把多個區塊包在一起，方便整體套用背景色或間距設定，做出區塊化的版面段落。這些區塊可以自由組合搭配，滿足絕大多數形象網站與部落格常見的排版需求。
可重複使用區塊是什麼，怎麼發揮效果
可重複使用區塊，是區塊編輯器裡一個相當實用卻常被忽略的功能。當你設計出一組區塊組合，例如一段固定格式的聯絡資訊，或是一個常常出現在多篇文章結尾的行動呼籲區塊，可以把這組區塊儲存成可重複使用區塊，之後在任何一篇文章或頁面裡，都能直接插入這組已經儲存好的內容，不需要每次都重新排版一次。更重要的是，如果之後需要修改這組內容，只要編輯這一個可重複使用區塊，所有曾經插入過這組區塊的頁面，內容都會同步更新，這對經常需要在多個頁面重複放置相同資訊的網站經營者來說，能大幅減少重複作業與維護上的疏漏。
區塊編輯器跟經典編輯器，實際差異在哪裡
經典編輯器的操作邏輯，比較接近一般的文書處理軟體，整篇內容是連續的文字流，想要插入圖片或調整版面配置，選項相對有限，遇到比較複雜的排版需求，往往需要依賴外掛提供的短代碼，或是手動編輯HTML。區塊編輯器則是把每個內容元素拆分成獨立的區塊，不僅排版的彈性大幅提升，操作上也更直覺，使用者可以清楚看到每個區塊各自的邊界與設定選項，不需要理解程式碼，也能做出結構清楚的版面。對於習慣舊版編輯器的使用者來說，轉換到區塊編輯器一開始可能需要一點適應時間，但長遠來看，區塊化的編輯方式在維護與調整上通常更有效率。
區塊編輯器跟頁面建構器外掛，又該怎麼選
區塊編輯器是WordPress內建的功能，不需要額外安裝外掛就能使用，載入的資源相對輕量，對於以文字內容為主的部落格文章、消息公告這類頁面，通常已經相當夠用。頁面建構器外掛，則是額外安裝的第三方工具，通常提供更細緻的版面控制能力，例如更自由的元素定位、更豐富的動態效果與範本選擇，適合用在需要高度客製化視覺呈現的行銷頁面或形象官網首頁。實務上，不少WordPress網站會採取混合使用的策略，部落格文章類的內容用內建的區塊編輯器撰寫，講求速度與內容為主；而需要精緻設計的少數關鍵頁面，則改用頁面建構器外掛來排版，兩者並不是互斥的選擇，而是可以依照頁面性質分別採用最適合的工具。
使用區塊編輯器時，新手常遇到的問題
剛開始使用區塊編輯器的使用者，經常會遇到幾個常見的困擾。一個是區塊驗證錯誤的提示，通常發生在佈景主題或外掛更新之後，原本的區塊內容跟新版本的程式碼產生落差，遇到這種狀況，可以先嘗試轉換成純文字或經典區塊，確認內容還在，再重新調整格式。另一個常見問題是巢狀區塊的操作，也就是區塊裡面還有區塊的結構，例如群組區塊裡包含欄位區塊，欄位區塊裡又包含圖片與文字區塊，層層疊套之下，初次使用容易搞不清楚目前選取的是哪一層區塊，建議多利用畫面上方的區塊導覽列，確認目前實際操作的層級。另外，從其他文書軟體複製文字貼到區塊編輯器裡時，偶爾會夾帶原本軟體的格式標籤，導致版面跑掉，遇到這種狀況，建議使用「貼上純文字」的方式，再手動套用區塊編輯器裡的格式設定，會比直接貼上帶格式的內容更穩定。
常見問題
區塊編輯器是不是比較適合有設計背景的人使用？
不一定。區塊編輯器的設計初衷之一，就是降低排版的操作門檻，即使沒有設計背景，只要熟悉各種區塊的基本功能，一樣能組合出結構清楚、易讀性高的頁面內容。
已經習慣經典編輯器，一定要換成區塊編輯器嗎？
區塊編輯器已經是WordPress目前的預設標準，長期來看，新功能與外掛的相容性也會以區塊編輯器為主要考量，建議即使一開始不熟悉，也可以趁機會逐步適應，對後續的網站維護會比較有利。
可重複使用區塊，跟一般複製貼上的區塊有什麼不同？
最大的差異在於同步更新的能力，一般複製貼上的區塊，彼此之間是各自獨立的，修改其中一個不會影響其他地方；可重複使用區塊則是共用同一份內容，修改一次就能同步更新所有插入過的位置。
區塊編輯器可以做出跟頁面建構器外掛一樣精緻的版面嗎？
區塊編輯器透過群組、欄位等區塊的組合，可以做出具備一定設計感的版面，但在細緻的元素定位、動態效果這些進階視覺需求上，目前頁面建構器外掛通常還是能提供更大的彈性空間。
如果你不確定自己的WordPress網站，適合用區塊編輯器還是頁面建構器外掛來維護內容，可以透過免費的網站健診，讓專人依照你網站的實際需求給予建議。
如果你人在全台各地，也歡迎預約免費到府解說，我們會用你聽得懂的方式，示範這兩種編輯方式的實際操作差異。