編輯網站內容時,你可能需要將區塊(或多個區塊)移至頁面的其他位置。本指南會介紹幾種選取及移動正確區塊的方法。
在此指南中
在這部影片中,你將學習如何在 WordPress 編輯器中選取和移動區塊。內容涵蓋如何透過點按或清單檢視選取區塊,以及如何使用工具列上的箭頭或在清單檢視中拖曳,移動一個或多個區塊。
移動區塊之前,請務必確認你已選取正確的區塊。大多數區塊按一下就能選取,但有些區塊會巢狀排列在其他區塊裡,因此先來看看如何正確選取你想移動的區塊。
若要存取清單檢視,請按一下畫面左上角看起來像三條水平線的圖示:

畫面會以清單顯示已插入該頁面或文章的所有區塊,讓你選取想要處理的區塊。
右圖中可以看到幾個區塊放在同一個欄位中,而這個欄位又位於欄區塊內。因此若要移動整個欄區塊及其中的所有內容,我們應該按一下包含其他所有內容的「欄」區塊。
如需更多清單檢視的使用技巧,請參閱我們的清單檢視指南。

另一種確認是否選到正確區塊的方法,是查看畫面底部的階層路徑(如下圖橘色標示處)。這些之所以稱為階層路徑,是因為它就像留下麵包屑讓人循線找到位置一樣:

你選取的區塊會是階層路徑清單中的最後一個區塊。若要選取其他區塊,按一下該區塊的名稱即可選取。
有些區塊會放在其他區塊裡,而外層的區塊就叫做「上層」區塊。這時你會需要一個簡單的方法來選取上層區塊。
另一種方法是使用某些區塊的區塊工具列中的上層區塊選取器:

按一下有上層區塊的區塊時,區塊工具列左側會顯示一個按鈕,如上圖橘色標示。按��下該按鈕就會選取上層區塊(此範例中為欄區塊。)
這個方法在許多情況下十分有用。例如:如果你的欄位內有一些文字,而你需要選取欄區塊;或者你的按鈕區塊中有多個按鈕,而你需要選取整個按鈕區塊時。
你可以使用多種方式來移動已選取的區塊。
若要移動區塊,請先選取該區塊,工具列會立即顯示在區塊上方或下方。接著你可以按一下向上或向下箭頭,將區塊往上或往下移動一個位置。
你也可以使用工具列中的六點圖示,將區塊拖曳到其他位置。
下方動畫示範了這兩種方式:

另外,你可以使用清單檢視查看頁面上的完整區塊清單,然後按住區塊並拖曳到新位置:

你可以使用滑鼠將區塊拖放到想要的位置:
內嵌區塊會嵌套在版面配置區塊裡,例如多重欄位、列或堆疊。你可以按一下區塊工具列中的箭頭來移動這些區塊:

你可以先用滑鼠反白所有區塊,即可一次移動多個區塊,然後按一下工具列中的箭頭圖示,如下所示:

你可以使用清單檢視一次選取多個區塊,然後按住區塊並拖曳到新位置:
- 按一下編輯器左上角看起來像三條水平線的圖示,開啟清單檢視。
- 按一下第一個區塊。
- 按住鍵盤上的 shift 鍵,再按一下最後一個區塊。這樣就會選取第一個和最後一個區塊之間的所有區塊。
- 按住區塊並拖曳到想要的位置。

💡
在清單檢視中,使用鍵盤快速鍵 CTRL + A(PC)或 CMD + A(Mac)即可選取所有區塊。
若要將區塊並排放置,而不是上下排列,請先插入欄區塊。接著即可在每個欄位中插入任何區塊。
若要將現有內容放入欄位中,請先插入欄區塊,然後使用清單檢視按住區塊並拖曳到欄位中。
![]()
本節適用於透過 AI 網站建置工具建立的網站(所有付費方案)或已啟用 WordPress 代理程式的網站(所有付費方案)。按一下畫面底端的 AI 圖示(四角星形),即可開啟 WordPress 代理程式。
WordPress 代理程式可以協助你檢視並改善頁面內容的結構與流暢度。以下是一些你可以複製使用的提示範例:
- 「檢視這個頁面,建議更好的段落排列順序。」
- 「這篇文章的結構適合作為操作指南嗎?」
- 「作品集首頁應該先放什麼內容?」
- 「建議如何重新組織這些段落,讓可讀性更好。」
![]()
你可以使用 Claude、Cursor、ChatGPT、OpenClaw 等 AI 代理工具,安全地讀取和編輯你的網站內容。為 AI 代理工具啟用 MCP 工具存取權限。
AI 代理程式可以透過自然語言提示,在你的各個頁面和文章之間重新排列區塊順序。以下是一些你可以嘗試的提示:
- 「重新排列我的『服務』頁面段落,讓定價區段排在最後。」
- 「將精選圖片區塊移到我最新文章的最上方。」
- 「交換我的『關於』頁面中第一段和第二段的位置。」
- 「將聯絡按鈕區塊移到首頁主視覺區段的正下方。」