區塊是 WordPress 編輯器中的一個獨立內容單元。可以把它們想像成網站的基本組成元件。你可以新增區塊來呈現文字、圖片、影片、音訊、欄、空白間隔、分頁符號、付款按鈕、日曆等各種內容!本指南會說明如何開始新增區塊。
在此指南中
在這部影片中,你將學習如何在 WordPress 編輯器中使用區塊新增內容。影片涵蓋區塊插入器的使用方式、透過斜線指令新增區塊、使用工具列和側邊欄設定編輯區塊,以及透過列表檢視重新排列區塊。
你可以在任何能看到「+」號按鈕(稱為區塊插入器)的地方新增區塊。此按鈕會顯示在幾個地方,包括:
- 按一下編輯器左上角的「+ 區塊插入器」圖示。你可以用這個方式先預覽不同區塊的樣式:

- 在新的一行(按下鍵盤上的 Enter/Return 鍵即可建立),按一下空白區塊旁的「+ 區塊插入器」:

- 點選區塊後,按一下區塊上方工具列中的「…」(三個點)圖示,然後選擇「插在前面」或「插在後面」,即可在目前區塊的上方或下方插入新區塊:

小技巧:熟悉不同區塊的名稱後,輸入正斜線,後面加上區塊名稱,就能快速新增區塊。例如:/image 或 /heading。

若要移除區塊,請參閱移除區塊。
如果頁面上已經有內容,想在特定位置新增區塊,可以用以下兩種方式操作:
列表檢視是編輯網站內容時不可或缺的工具。若要開啟列表檢視並新增區塊,請依照下列步驟操作:
- 按一下編輯器左上角的三條橫線圖示,開啟列表檢視。
- 按一下你想在它旁邊新增區塊的現有區塊。
- 按一下該區塊(此時已反白標示)右側的三個點。
- 選擇插在前面或插在後面。
- 按一下+ 區塊插入器。
- 搜尋你想新增的區塊,然後按一下即可將它插入該位置。

你也可以使用電腦的滑鼠或觸控板,按照以下步驟在特定位置新增區塊:
- 將游標移到頁面上你想新增區塊的位置,並停留在該處。
- 大約一秒後會出現+ 區塊插入器,按一下即可。
- 搜尋你想新增的區塊,然後按一下即可將它插入該位置。

無論你想在網站加入什麼內容,都能找到合適的區塊。若要瀏覽完整的區塊清單,請按一下編輯器左上角的+ 區塊插入器。你也可以在這裡查看所有區塊的完整清單和使用指南。
在此你會看到所有區塊按照不同分類排列。將游標暫留在區塊上,系統便會顯示預覽及更多資訊。
你也可以在此存取區塊版面配置(預先設計好的區塊群組)。歡迎瀏覽我們的版面配置資料庫,裡面有大量專業設計的版面配置,可供你用來建置網站。
如果你已安裝外掛程式,這裡可能會出現外掛程式新增的額外區塊。
![]()
本節適用於透過 AI 網站建置器建立的網站(所有付費方案)或已啟用 WordPress 代理程式的網站(所有付費方案)。按一下畫面底部的 AI 圖示(四角星形)即可開啟 WordPress 代理程式。
WordPress 代理程式可以協助你撰寫及產生網站內容。以下是一些你可以直接複製使用的提示範例:
- 「為一個關於 [你的主題] 的頁面撰寫一段簡短的介紹。」
- 「撰寫一段行動呼籲文字,鼓勵訪客與我們聯繫。」
- 「產生一份條列清單,列出我的企業提供的五項服務。」
- 「為我的『關於我們』頁面撰寫一段簡短的團隊介紹。」
![]()
你可以使用 Claude、Cursor、ChatGPT、OpenClaw 等外部 AI 代理程式,安全地讀取和編輯你的網站。為外部 AI 代理程式啟用 MCP 工具存取權限。
AI 代理程式可根據你的自然語言提示,在頁面和文章中新增區塊、調整排列,並填入內容。以下是一些你可以嘗試的提示:
- 「在我的『關於我們』頁面頂部新增一個圖片區塊,後面接一個段落。」
- 「插入一個標示為『瞭解更多』的按鈕區塊,連結到我的『服務』頁面。」
- 「在我的首頁每個區段之間新增一個分隔線區塊。」
- 「在我最新文章的第二段之後插入一個引文區塊。」
如果你發現自己總是新增同樣的幾個區塊,可以按照下列步驟,將最常使用的區塊顯示在區塊清單最上方:
- 按一下編輯器畫面右上角的省略圖示(三個點)。
- 選擇偏好設定 → 區塊。
- 開啟顯示最常用的區塊。
這樣一來,你就能更輕鬆地從網站中最常用的區塊裡進行選取。
