最後更新時間：2026-01-03，由 Dean 更新 
在過往的教學與輔導經驗中，我發現很多人即便 WordPress 網站成功架設起來，但開始要寫文章時，發現不太會使用 WordPress 區塊編輯器，導致於卡關很久，最後轉回使用一些不用太多編輯的寫作平台。
但目前預設的 WordPress 區塊編輯器，其實真的很好用，只要稍微習慣，就會發現它可以做出的樣式有非常多，包含《DR.DEAN 處方箋》網站中的所有文章，都是使用區塊編輯器做到的。
這篇教學文，我會用很簡單的方式，告訴你 WordPress 區塊編輯器怎麼使用？好用的區塊有哪些？文章排版技巧？編輯文章的流程又是怎麼樣？希望你在看完後，編輯速度能更加提升。
WordPress 區塊編輯器是什麼？
區塊編輯器 (Block Editor) 是 WordPress 5.0 版之後，文章預設的內建編輯系統，任何用戶都能免費使用。
以「區塊」為最小單位，可以獨立編輯每個區塊，最後再透過「堆疊」的方式把每個區塊拼起來，形成一篇完整內容。
- 區塊化操作：內容不侷限於單一文字框，以區塊呈現，每個區塊都是獨立的，可以直接移動。
- 視覺化編輯：所見即所得的編輯介面，讓作者可以直接看到內容在網頁上的樣貌，不需要預覽。
- 響應式設計：區塊編輯器的區塊，會根據不同的裝置尺寸，重新堆疊排列，在任何裝置上都有最好的呈現。
- 擴充性較強：可以安裝不同的區塊編輯器擴充外掛，讓編輯時有更多不同功能的區塊能使用。
總體來說，它的自由度、靈活度，剛開始使用會有些門檻，但用久了會發現真的很好用，非常適合 WordPress 新手。
區塊編輯器 VS 傳統編輯器
大多人平時編輯 Word 之類的文件，都是使用傳統編輯的格式。所以，剛使用 WordPress，對於區塊編輯器一定會非常不熟悉。以下，針對兩種不同的編輯器，進行比較。
| 區塊編輯器 (Block Editor) | 傳統編輯器 (Classic Editor) | |
|---|---|---|
| 介面設計 | 模組化設計，以「區塊」為單位進行編輯 | 傳統文字編輯器，類似於 Word 文書編輯器 |
| 操作方式 | 提供多樣化區塊，直接拖放區塊就能編輯 | 以文字為主，插入圖片或其他元素需透過工具列 |
| 功能擴充 | 可透過外掛擴展更多區塊功能與設計選項 | 外掛支援較少，功能較為基本 |
| 排版效果 | 支援響應式設計，排版更具彈性和視覺效果 | 版面較單一，響應式效果較需外掛或手動設置 |
| 學習曲線 | 需時間適應區塊操作，但學會後更靈活 | 操作簡單，幾乎不需學習，適合初學者 |
由於傳統編輯器是在 WordPress 上即將被淘汰的編輯器，會建議你還是習慣使用區塊編輯器。但如果你還是想使用傳統編輯器，可以安裝 Classic Editor 外掛，並在「設定 > 寫作」中進行切換。
古騰堡編輯器 (Gutenberg) 是什麼？
許多人會把「古騰堡編輯器」當作是「區塊編輯器」，但實際上古騰堡編輯器算是區塊編輯器的前身。
在 2018 年左右，官方開始把原先的傳統編輯器，慢慢替換成了新的編輯器形式，而當時的這個編輯器就叫作「古騰堡編輯器」。
它跟區塊編輯器的用法基本一樣，但就是非常陽春，陽春到會讓人很生氣的那種 (我經歷過那個時期)，也導致當時很多人受不了，跑回去安裝原本的傳統編輯器。
是一直到後來，產品持續優化，最後推出了「區塊編輯器」，古騰堡編輯器才逐漸被淘汰，壽命大約 4 年，算是一個過渡性的產品。
區塊編輯器 VS 頁面編輯器
另一個常被搞混的，就是「區塊編輯器」與「頁面編輯器」。以下比較：
| 區塊編輯器 (Block Editor) | 頁面編輯器 (Page Builder) | |
|---|---|---|
| 使用場景 | 主要用於文字編輯，如：文章 | 主要用於視覺化設計，如：頁面 |
| 設計彈性 | 提供基本排版區塊，靈活性適中 | 提供高度自訂化的拖放設計功能，靈活性極高 |
| 功能擴充 | 內建功能基本，但可透過外掛增加區塊類型 | 提供大量的設計元件，也支援許多擴充外掛 |
| 效能表現 | 輕量且內建於 WordPress 核心，效能較佳 | 功能繁多，部分編輯器可能增加網站載入時間 |
| 學習曲線 | 操作簡單，容易上手 | 功能多元，學習成本較高，需熟悉工具操作 |
簡單來說，「區塊編輯器」適合用在「內容導向 (重點在內容)」的網頁上；「頁面編輯器」則適合用在「設計導向 (重點在視覺)」的網頁上。
如果你希望用頁面編輯器來設計頁面，會更吃重排版，可以參考以下這篇：
寫文章要用區塊編輯器，還是頁面編輯器？
這是一個非常常見的問題，市面上大家也都有不同的說法，但我比較建議寫文章用預設的「區塊編輯器」。
我常常遇到一些客戶，剛開始選擇用頁面編輯器來寫文章，因為覺得可以插入很多很酷炫的樣式設計，版面變得很好看。
但後來網站要改版時，就花比別人多好幾倍的時間做調整。有些原本可以全站調整的地方，因為用了區塊編輯器，變得不能全站一起調，得要一篇一篇手動調整。
使用一些與編輯文章有關的外掛 (如目錄) 時，也可能會跟頁面編輯器衝突；更不用說，有些頁面編輯器非常吃效能，可能會導致你的文章載入速度變慢，使用者體驗變差，進而影響文章在 SEO 的表現。
其實，如果你會使用區塊編輯器的話，也可以調出讓讀者舒適的版面，不見得一定要使用頁面編輯器。
13 個常用的 WordPress 內建區塊
WordPress 區塊編輯器有非常多不同的區塊可以使用，接下來我想與你分享幾個我在實務上常常會使用的區塊，基本上運用這些區塊就可以完成 95% 以上的文章。
在開始之前，你可以開啟你的 WordPress 編輯器一起跟著操作；或是，如果你網站還沒架設好的話，可以先使用 WordPress 官方提供的編輯器來做練習。
標題區塊
每篇文章最重要的就是標題區塊，能讓讀者快速理解文章重點，並且搜尋引擎也是依照標題結構去理解整篇文章。
要記住，設定標題區塊是有必要性的，絕對不要拉一個段落區塊，然後把文字大小放大，就當作是標題。
標題區塊可以調 H1~H6，但實務上標題會被自動設定成 H1，內容通常只會用到 H2、H3，切太細反而不好閱讀。
有些人會覺得預設標題樣式太陽春，想要更改樣式，那就可以使用 Code Snippets 外掛，調整標題的 CSS。
段落區塊
寫文章主要的內容會寫在「段落區塊」中，打開區塊編輯器，預設的也會是段落區塊。
平時在 Word 上，你按 Enter，會直接換一行繼續輸入文字；但若你使用段落區塊，按 Enter 時，會自動換一整個區塊，用來將每一行文字的「行距」拉開。
也因此，會建議使用段落區塊時，講完一小段話就換行，不要讓文字都擠在同一個段落區塊中，閱讀時會顯得有點擠。(可控制一個區塊中的文字不要超過三行)
表格區塊
表格區塊應該不用多做解釋，就是為你的文章新增表格。
WordPress 表格區塊有持續在進步中，目前已經能夠：固定寬度、新增標題/結尾欄位等，外觀樣式也可調整。
但我認為它在「響應式設計」上還沒那麼好，有時用手機版瀏覽，還是會出現破版或文字被截掉的狀況。
如果你想要在表格中放圖片、按鈕、星等，外觀設定更多元，並有良好的響應式設計，建議使用像 TablePress、Nijas Tables、WP Table Builder 等表格外掛。
清單區塊
我一直覺得「清單」這個翻譯沒那麼好，它其實就是「條列」，當你想羅列一些項目時，會需要使用這個區塊。
預設樣式是在項目前面有「黑點」，用以區分各個項目；但如果你的項目之間是有次序的，如步驟，那就可以切換成「數字」樣式。(順帶一提，直接在段落區塊中輸入「數字 + . 」也會自動換成清單區塊，如：1. )
當然，如果你想改清單前面的符號樣式，可以使用 Stackable，但我覺得意義性不大就是了。
條列式內容，讀者閱讀比較舒服。建議寫文章時，若發現某段文字太多，就看看能不能改成用清單條列呈現。
程式碼
每篇文章是由程式碼所構建而成，如果你在文章上直接打程式碼，系統會以為那是你寫的程式碼，顯示的就不會是程式碼本身，而是程式碼運行的結果。
如果我不使用程式碼區塊，會變成：
step 1
但如果我使用「程式碼區塊」，會顯示：
[step]1[/step]
圖片區塊
圖片區塊預設可以：直接上傳、從媒體庫插入、貼上圖片連結，不過一次只能上傳一張圖。
上傳後的圖片，可以設定尺寸、框線、陰影、圓角等，也能套用不同的濾鏡，但整體而言確實比較陽春。
要特別注意的是，上傳後的圖片記得要加入替代文字，搜尋引擎才能夠辨識。
如果文章中的圖片下方希望出現文字，則需要點進媒體庫中設定「媒體說明文字」。
圖庫區塊
前面提到「圖片區塊」一次只能上傳一張，如果你想一次插入多張圖片，就需要使用「圖庫區塊」。
上傳後，系統會自動替你排列多張圖片，但建議還是微剪裁一下，讓每張圖片的大小統一，視覺上比較好看。
多重欄位
這個區塊很重要，很多新手不知道，導致他們有些閱讀體驗較好的排版，他們做不出來。
區塊編輯器預設所有區塊都是從上而下堆疊排列的，「多重欄位」簡單來說就是讓你的區塊排列有更多的選擇。
舉例來說，原本是「上文下圖」，我想要變成「右文左圖」，就可以插入多重欄位，設定「兩欄」，右邊放段落區塊，左邊放圖片區塊。
整個呈現就會像是你現在看到的這個段落。
按鈕組
按鈕組區塊，可以讓你新增按鈕，適合用於一些「行動呼籲 CTA」的場景，引導讀者進一步行動。
區塊編輯器的按鈕算是設定蠻彈性的，你可以設定多個按鈕、按鈕文字、按鈕寬度、外觀樣式、對齊方式等等。
空白間隔
空白間隔就是給你一個空白的區塊，讓你可以放在像是段與段之間，撐開兩段的距離，讓閱讀視覺比較不擁擠。
空白區塊的大小可以自由調整，例如：H3 與 H3 之間就放 30px、H2 與 H2 之間就放 50px 等等。
不過，如果是「每一篇文章的同個地方都需要有間隔」，應該優先選擇到佈景主題設定去做全站調整，而不是每篇手動插入空白間隔，這到時候如果要改版會非常麻煩。
分隔符號
有時候某段落的內容很長，但他們又都屬於同個主題，不方便多新增一個標題區塊時，就可以用「分隔符號」。
分隔符號，能夠讓讀者在閱讀到一個段落時，視覺稍微休息，同時也能知道上文跟下文是分開不連貫的。
就像是上面這樣。
系統預設的分隔符號有多種樣式，有短線、長線、虛線，也能夠設定成不同的顏色。
短代碼
短代碼用到的頻率其實不低，大多與文章編輯有關的外掛，如表格、表單等，都會需要使用短代碼插入。
使用方法是，插入短代碼區塊後，把短代碼填入，前台就會顯示你在其他地方已經設定好的功能 (如表格)。
不過，到後來其實會發現，你直接貼上短代碼也能做到相同效果，那這個區塊就變得有點多餘了 XD
嵌入內容
大多數新手在編輯文章時，如果想要從 A 文章連結到 B 文章，會選擇用「文字 + 連結」的方式。
但這種方式不容易被注意到，如果是重要的文章，可以使用「嵌入內容區塊」來讓連結的文章更顯眼。(雖然就變得無法設定在新分頁中開啟)
除了自己文章外，只要是 WordPress 有支援的平台，如 Youtube、Spotify、Vimeo、Pinterest 等，把連結貼上都會顯示對應的顯眼區塊。
8 個實用的區塊編輯器擴充外掛區塊
除了 WordPress 區塊編輯器預設的區塊外，市面上也有不少的「擴充外掛」，這些外掛都提供了大量不同功能的區塊，幫助作者能夠以更多元的形式來呈現文章。
以下，想與你分享我在自己編輯或幫客戶設定文章時，常常會使用的擴充外掛區塊。
Spectra：Container
首先一定要介紹的是 Spectra 這款區塊編輯器擴充外掛，它提供非常多種實用的區塊，免費版就很好用。
我最常會用到的是 “Container” 這個區塊，它跟預設的「欄位區塊」有點像，但自由度更高，可以有多層的排版，並且能夠調整每一個欄位的細節。適用於一些需要介紹產品的商家，讓圖片跟文字的排版呈現最佳的視覺。
Spectra：Call To Action
“Call To Action” 區塊我也很常用，比起預設的「按鈕組」，這個區塊讓按鈕旁邊有明顯的「標題 + 內文」，在引導上更加顯眼，能傳遞的資訊也比較多。很適合用在一些推薦產品的文章中。
Spectra：Info Box
“Info Box” 區塊是由「icon + 標題 + 內文」組成，很常會拿來使用在呈現「對比」的文章。
你可以先新增一個「欄位區塊」切成左右兩欄，再各自插入 Info Box：
- icon 一個換「正讚」，一個換「倒讚」。
- 標題一個打「優點」，一個打「缺點」。
- 內文各自條列優缺點。
整個呈現就十分清楚明瞭，一眼就知道優缺點是什麼。
Spectra：Tabs
有時候，某一個項目要介紹的「指標」太多，就可以使用 Spectra 的 “Tabs” 區塊。
其實就有點像是瀏覽器的「分頁」功能，你可以把不同指標要介紹的東西，放在不同的分頁中，這樣既不會讓整個文章太攏長，又可以完整呈現資訊，很適合用於產品深度介紹。
如果你很常寫教學文，要做到某一件事情的方法可能有很多種，但你又不全部羅列讓文章太長，這時候你就可以使用 “Tabs”，在不同分頁中分享不同的做法。
Spectra：Post Timeline
“Post Timeline” 是時間軸的區塊，可以用來呈現「線性時間」。
像我有時候會服務到一些店家，他們希望在文章中呈現他們某項技術的沿革，那就很適合使用這個區塊。比起單純「用標題區塊將時間切成不同段落來呈現」，用 Post Timeline 區塊來呈現會更加清楚。
Spectra：Google Maps
“Google Maps” 區塊應該不用多做解釋，如果你文章中需要呈現地圖，讓讀者快速知道確切地點，可以使用這個區塊。
FAQ by Rank Math
如果你有安裝 Rank Math 這套 SEO 外掛，它有提供一個 FAQ (常見問題) 區塊，很建議使用。
有人會問說，為什麼 FAQ 不直接打就好，還要插入這個區塊？
原因是 Rank Math 的 FAQ 區塊，能夠幫助你將你打的常見問題變成「結構化資料」，這樣在搜尋引擎上就會有比較明顯的呈現，有機會增加搜尋者的點擊。
Modified Date Template
大多數的佈景主題，在文章頁上呈現的都會是「文章發佈時間」，但大多數的作者都還是會希望能夠顯示「最後更新時間」，來讓讀者知道你的內容有更新。
這時，你就會需要使用到 WP Last Modified Info 這款外掛。設定完成後，在區塊編輯器中會有個 “Modified Date Template” 的區塊，能顯示最後更新時間，建議插入在每篇文章的開頭。
WordPress 區塊編輯器使用技巧
對於剛碰 WordPress 區塊編輯器的人，會需要一段時間習慣。以下與你分享幾個好用的技巧，讓你寫文更有效率。
為什麼找不到區塊的工具列？
接下來分享的技巧，會大量使用到區塊的「工具列」。
如果你點選區塊後，沒有直接跳出工具列，代表你可能設定成「頂端工具列」了，工具列會顯示在最上方，建議先到右上角的「…」選單中，把它取消。
新增區塊
新增區塊是區塊編輯器的基本功。
點選左上角的 + 號，會出現區塊列表，找到你要使用的區塊，拖曳到右方編輯區中，就能開始使用。
或是，有個我比較喜歡的方式，你可以直接在編輯區中輸入「/ + 區塊名稱」，下方會出現區塊清單，點選你要用的區塊，就能新增了。
移動區塊
每個區塊都是獨立的，可以直接選取區塊，在工具列的前方，有個上下的箭頭，點它就能夠上下移動了。
上下移動適合用在你要移動的目的地在附近，如果移動的位置很遠，我建議你直接把那個區塊框起來，按 ctrl+X 剪下，再到指定地點 ctrl+V 貼上，會快很多。(多個區塊要移動也適用)
複製區塊
如果你想要複製某一個區塊，可以點選該區塊，在工具列最右方的「…」下拉，點選「複製」。
當然，如果想要比較快的話，直接選取區塊，按 ctrl + C 也行。
再製區塊
「再製」跟「複製」不同，再製是直接複製一塊相同的在原本的區塊後方。
一樣是工具欄「…」下拉，點選「再製」，原本的區塊後方就會出現一個一模一樣的區塊。
實務上，我更常會使用「再製」，因為速度較快，同樣是要複製 A 段的標題出來修改變 B 段標題：
- 複製流程：複製 > 貼上 > 修改內容。
- 再製流程：再製 > 修改內容。
當然，這還是看自己習慣。
刪除區塊
刪除單個區塊沒辦法直接按 delete，要選取區塊後，工具列最右方「…」下拉，選擇「刪除」。
不過，如果你是要刪除「多個區塊」，就可以全部選取起來，直接按 delete。
區塊換行
區塊編輯器預設的區塊是「段落區塊」，若想要換行，直接按 “Enter” 就會出現第二行了，並且這個第二行會是全新的區塊，兩行的行距也會自動幫你撐開。
當然，有時候你是想要在「同個區塊換行」，那就按 “Enter + Shift”，但行距就不會幫你撐開。
群組區塊
如果你有多個區塊想要一同做編輯，你可以先將他們「組成群組」。
具體作法，需要先將多個區塊選取起來，再工具列點選「組成群組」。
組成群組後，它們就被視為是「同個區塊」，就能夠一起移動、複製、刪除等。
重複區塊 (區塊版面配置)
區塊編輯器有個「區塊版面配置 (Patterns) 」功能，其實就是「重複區塊」。
當你每一篇文章都會提到某個段落時，你就能夠將這個段落的區塊設定成「區塊版面配置」，這樣每次編輯文章就能夠直接插入這個區塊。
step 1
建立重複區塊把你要重複的區塊都選取起來，在工具列的「…」中選擇「建立區塊版面配置」。
step 2
設定重複區塊會跳出一個視窗，要你設定這個「重複區塊」的資訊，包含：名稱、分類、是否完全同步。
完全同步 VS 不完全同步
想像一下，你想要將 A 文章的段落設定成「重複區塊」，並到 B 文章插入使用。
- 如果是「完全同步」：在 B 文章修改這個重複區塊，會導致 A 文章的相同區塊被修改。
- 如果是「不完全同步」：在 B 文章修改這個重複區塊，A 文章的相同區塊不會跟著被修改。
所以，不完全同步很常會被用來「建立模板」。
例如：你在 A 文章做出一個外觀超好看的區塊，「連同區塊中的文字」設定成不同步重複區塊；即便在 B 文章使用這個重複區塊，並修改區塊中的文字內容，A 文章中的區塊也不會被動到，但卻成功使用了相同的外觀。
step 3
插入重複區塊如果要插入建立好的重複區塊，可以到編輯區左上角點選 + 號，選擇「區塊版面配置」，並輸入重複區塊的名稱，就能在下方看見你建立的重複區塊。此時，只要將它拖曳到右側編輯區就完成了。
step 4
進入重複區塊管理區如果你想要編輯重複區塊的內容，可以點選「任何一個重複區塊」，在選單中找到「管理區塊版面配置」，點進去。
step 5
管理所有重複區塊會帶你到「區塊版面配置」的管理頁面，裡面有你這個網站中所有的重複區塊，可以針對你想要編輯的重複區塊編輯。
新增區塊文字樣式
在區塊內的文字，如果你想要加入一些「樣式」，可以將文字選取起來，在工具列中點選「⌵」。
選單中有非常多功能，像是我最常用「醒目提示」，幫文字上色，凸顯重點。
清單檢視
一般來說，如果整個排版都是「從上而下」，那區塊跟區塊間的關係很簡單；但如果你的排版有左右，甚至有「欄中欄」這種多重排版，那你的區塊就會十分複雜。
此時，你就會需要使用「清單檢視」功能，來檢視所有區塊的排列順序。
在編輯區的左上角，有個斜斜的「三」，點下去，並切到「清單檢視」，就會看到你整篇文章中的所有區塊。
當你點擊其中的區塊，就會快速跳轉到該區塊，能夠直接編輯，十分方便。
大綱檢視
前面我們是檢視「區塊順序」，但站在作者角度，會希望檢視自己這篇文章的「大綱結構」，也就是「標題區塊 H2、H3」的排列順序，以及實際撰寫了多少文字。
一樣，點選左上角斜斜的「三」，切到「大綱檢視」，就能夠在上方看到文章字數，下方看到文章大綱。
如果你有安裝 Easy Table of Contents 這類的目錄外掛，目錄上顯示的內容，就是從「標題區塊」去抓的，在搜尋結果上也有機會直接顯示該段落的路徑 (就是可以從搜尋結果中直接點擊跳到該段落)，所以確認文章標題的排列順序很重要。
插入預設區塊
WordPress 有個預設區塊資料庫，針對不同情境內建不同樣式的區塊。
點選左上角 + 號，切到「區塊版面配置」，下方就會有不同種類的區塊，找到你想使用的那個，直接拖曳進右方編輯器中就能夠使用了。
10 個步驟用區塊編輯器發佈文章
前面介紹完區塊，也分享了區塊編輯器的使用方式，但相信你對於「如何用區塊編輯器撰寫文章」還不清楚。
接下來，我想與你分享我自己在撰寫文章時的流程，讓你能夠更快上手區塊編輯器。
step 1
新增標題打開區塊編輯器的第一件事，就是先在上方，輸入這篇文章的標題。
step 2
新增永久連結下一步，我們要為這篇文章設定一個「永久連結」。
右方工具列打開，點選「文章」，找到「連結」，跳出的視窗就能夠設定。
要注意，永久連結建議設定成「英文」(因為中文連結分享到社群容易變成亂碼)，你可以將你這篇文章鎖定的關鍵字，翻譯成英文輸入進去。
step 3
新增分類/標籤在剛剛設定永久連結的下方，你會找到「分類」跟「標籤」的設定，請根據這篇文章的主題去做選擇。
step 4
編輯文字接著，就是開始編輯文字了。
我建議你可以先把 H2、H3 都拉出來，接著就像「填空」一樣去寫內文。一來是一段一段完成，壓力比較不會那麼大；二來是時間也比較好安排，例如今天寫兩段、明天寫三段。
在撰寫時，也可以一邊插入相關文獻的連結，避免忘記。(詳細的連結設定，請閱讀連結種類與屬性)
step 5
插入圖片/影片文字撰寫完畢後，就開始插入圖片。
我通常會先想一下圖片大概怎麼排版，先搭配「欄位區塊」把「圖片區塊」都排好，再上傳圖片。
如果文章需要加入 Youtube 影片，也可拉出 Youtube 的區塊，貼上影片連結。
step 6
儲存草稿文字、圖片都編輯好後，我會儲存草稿，避免剛剛編輯的內容都消失。(雖然編輯時應該就會自動儲存了)
儲存草稿的位置在右上方，點選「儲存草稿」就可以了。
step 7
新增精選圖片當文章都編輯完後，需要幫這篇文章加入一個封面圖，又稱「精選圖片」。
右方工具列打開，在「文章」中，可以看見「設定精選圖片」，點進去選擇 (或上傳) 封面圖。
step 8
設定 SEO 資料這個步驟要事先安裝 Rank Math SEO 外掛，如果還沒安裝的人可以先安裝；或是用你習慣的 SEO 外掛 (如：Yoast、AIOSEO、SlimSEO) 設定也行。
WordPress SEO 很重要，至少最基本的「文章標題、文章描述」要設定。
如果你是用 Rank Math，設定的位置在右上角，點選一塊有數字的按鈕，會切到 SEO 設定列表。
接著，點選「Edit Snippet」按鈕，會跳出一個視窗，裡面就能夠設定基本的 SEO 資料。
step 9
預覽文章都設定完後，我們可以來「預覽文章」，看看前台實際看到的畫面。
右上角點選像是電腦的符號，選單中可以選擇你要預覽的裝置 (桌機、平板、手機)，按下「在新分頁中預覽」，就會跳出一個新分頁，展示這篇文章讀者看到的實際樣貌。
step 10
發佈文章如果都沒有問題，點右上角的「發佈」，就成功發佈一篇文章啦。
WordPress 區塊編輯器常見問題
可以用頁面編輯器撰寫文章嗎？
不建議使用 Elementor 這類型的頁面編輯器撰寫文章，主要原因：
1. 比較吃效能，可能會造成網頁載入速度過慢，影響使用者閱讀。
2. 頁面編輯器外掛如果出問題，可能導致你的整篇文章跑版。
3. 若要改版，會非常麻煩，不太好全站一起調整。
但如果你原本就已經有些文章是用頁面編輯器寫，就不用再特別改回區塊編輯，從下一篇文章開始再用區塊編輯器撰寫就行。
想要左右排版可以怎麼做？
先新增一個「欄位」區塊，再於欄位區塊中新增你要編輯的區塊就行。
區塊跟區塊間隔太近怎麼辦？
在區塊設定中找到「排版樣式」或「尺寸」的設定，根據實際狀況調整間距。
但要注意，如果你的區塊是在每篇文章都間隔太近，你要到你的佈景主題設定中調整 (或直接寫 CSS)，千萬不要一個一個調，除非你時間很多。
想在其他文章想使用相同區塊怎麼辦？
兩個方式：
1. 開兩個視窗，在原文將區塊全選並複製 (Ctrl + C)，到新文章中直接貼上 (Ctrl + V)。
2. 將原先的區塊設定成「區塊版面配置 (重複區塊)」，再到新文章中插入該區塊。
第一個方式比較快，但未來管理不太方便；第二個方式雖然麻煩一點，但未來插入各篇文章時很方便，若想更改區塊內容，所有文章中的該區塊都能跟著同步。
想連結到文章的指定區塊該怎麼做？
為區塊加入「錨點」，就能直接連結到文章的指定區塊。
具體作法：
1. 點選該區塊，在右方工具列中，找到「進階設定」。
2. 裡面會有一個「HTML 錨點」設定，請在下方框框中輸入自訂的英數字，例如：apple。
3. 在另篇文章中，嵌入連結：https://該篇文章網址/#apple，就能順利連結到該指定區塊。
