指南/編輯網站/編輯器/使用區塊新增內容

使用區塊新增內容

區塊是 WordPress 編輯器中的一個獨立內容單元。可以把它們想像成網站的基本組成元件。你可以新增區塊來呈現文字、圖片、影片、音訊、欄、空白間隔、分頁符號、付款按鈕、日曆等各種內容!本指南會說明如何開始新增區塊。

教學影片

在這部影片中,你將學習如何在 WordPress 編輯器中使用區塊新增內容。影片涵蓋區塊插入器的使用方式、透過斜線指令新增區塊、使用工具列和側邊欄設定編輯區塊,以及透過列表檢視重新排列區塊。

如何新增區塊

你可以在任何能看到「+」號按鈕(稱為區塊插入器)的地方新增區塊。此按鈕會顯示在幾個地方,包括:

  1. 按一下編輯器左上角的「+ 區塊插入器」圖示。你可以用這個方式先預覽不同區塊的樣式:
已開啟「+ 新增區塊」側邊欄,當滑鼠游標停留在區塊圖示上時,會顯示「詳細資料」區塊的預覽。
將游標暫留在區塊圖示上,即可在新增前預覽該區塊。
  1. 在新的一行(按下鍵盤上的 Enter/Return 鍵即可建立),按一下空白區塊旁的「+ 區塊插入器」:
箭頭指向編輯器中的「+ 區塊插入工具」。
  1. 點選區塊後,按一下區塊上方工具列中的「…」(三個點)圖示,然後選擇「插在前面」「插在後面」,即可在目前區塊的上方或下方插入新區塊:
箭頭從區塊工具列的「選項」選單指向「在前方新增」和「在後方新增」選項。

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

快速新增區塊

若要移除區塊,請參閱移除區塊

在特定位置新增區塊

如果頁面上已經有內容,想在特定位置新增區塊,可以用以下兩種方式操作:

方法一:使用列表檢視

列表檢視是編輯網站內容時不可或缺的工具。若要開啟列表檢視並新增區塊,請依照下列步驟操作:

  1. 按一下編輯器左上角的三條橫線圖示,開啟列表檢視
  2. 按一下你想在它旁邊新增區塊的現有區塊。
  3. 按一下該區塊(此時已反白標示)右側的三個點。
  4. 選擇插在前面插在後面
  5. 按一下+ 區塊插入器
  6. 搜尋你想新增的區塊,然後按一下即可將它插入該位置。
使用列表檢視在特定位置新增區塊。

方法二:使用游標

你也可以使用電腦的滑鼠或觸控板,按照以下步驟在特定位置新增區塊:

  1. 將游標移到頁面上你想新增區塊的位置,並停留在該處。
  2. 大約一秒後會出現+ 區塊插入器,按一下即可。
  3. 搜尋你想新增的區塊,然後按一下即可將它插入該位置。
使用游標在特定位置新增區塊。

探索區塊

無論你想在網站加入什麼內容,都能找到合適的區塊。若要瀏覽完整的區塊清單,請按一下編輯器左上角的+ 區塊插入器。你也可以在這裡查看所有區塊的完整清單和使用指南

在此你會看到所有區塊按照不同分類排列。將游標暫留在區塊上,系統便會顯示預覽及更多資訊。

你也可以在此存取區塊版面配置(預先設計好的區塊群組)。歡迎瀏覽我們的版面配置資料庫,裡面有大量專業設計的版面配置,可供你用來建置網站。

如果你已安裝外掛程式,這裡可能會出現外掛程式新增的額外區塊。

Adding blocks and block patterns from the Block Inserter.

使用 WordPress 代理程式新增內容

The WordPress Agent four-pointed star icon.

本節適用於透過 AI 網站建置器建立的網站(所有付費方案)或已啟用 WordPress 代理程式的網站(所有付費方案)。按一下畫面底部的 AI 圖示(四角星形)即可開啟 WordPress 代理程式。

WordPress 代理程式可以協助你撰寫及產生網站內容。以下是一些你可以直接複製使用的提示範例:

  • 「為一個關於 [你的主題] 的頁面撰寫一段簡短的介紹。」
  • 「撰寫一段行動呼籲文字,鼓勵訪客與我們聯繫。」
  • 「產生一份條列清單,列出我的企業提供的五項服務。」
  • 「為我的『關於我們』頁面撰寫一段簡短的團隊介紹。」

使用 AI 代理程式新增內容

The WordPress Agent four-pointed star icon.

你可以使用 Claude、Cursor、ChatGPT、OpenClaw 等外部 AI 代理程式,安全地讀取和編輯你的網站。為外部 AI 代理程式啟用 MCP 工具存取權限

AI 代理程式可根據你的自然語言提示,在頁面和文章中新增區塊、調整排列,並填入內容。以下是一些你可以嘗試的提示:

  • 「在我的『關於我們』頁面頂部新增一個圖片區塊,後面接一個段落。」
  • 「插入一個標示為『瞭解更多』的按鈕區塊,連結到我的『服務』頁面。」
  • 「在我的首頁每個區段之間新增一個分隔線區塊。」
  • 「在我最新文章的第二段之後插入一個引文區塊。」

查看最常用的區塊

如果你發現自己總是新增同樣的幾個區塊,可以按照下列步驟,將最常使用的區塊顯示在區塊清單最上方:

  1. 按一下編輯器畫面右上角的省略圖示(三個點)。
  2. 選擇偏好設定區塊
  3. 開啟顯示最常用的區塊。

這樣一來,你就能更輕鬆地從網站中最常用的區塊裡進行選取。

顯示最常用的區塊
Copied to clipboard!