如何在 WordPress 中刪除區塊(4 個簡單方法)
你是否正在尋找如何在 WordPress 中刪除區塊的方法?移除、隱藏或刪除不必要的區塊可以清理區塊菜單,讓你更專注,並更容易快速找到所需的特定區塊。
為什麼要在 WordPress 中刪除、隱藏或刪除區塊?
如果你有一個 WordPress 部落格,那麼你將會使用古騰堡編輯器來為你的網站創建文章和頁面。在這裡,你會發現菜單中的一些區塊可能永遠不會在你網站上使用。例如,內容編輯器提供了一個詩歌區塊,可以用於插入詩歌或歌曲歌詞。然而,如果你有一個美食或時尚部落格,那麼這個核心區塊對你的內容完全無關。
在這種情況下,你可以從文章編輯器中移除這些區塊,從而創建一個更乾淨和更專注的界面。不過,如果你不想移除該區塊及其功能,那麼你可以使用 WordPress 的默認區塊可視性功能來隱藏它。這樣,該區塊並未完全被移除,你可以在需要時輕鬆地訪問它。
另一方面,如果你在文章中犯了錯誤或者想要刪除一些內容,那麼你不需要移除或隱藏該區塊。你可以只在文章內刪除該特定的區塊。這將刪除你使用該區塊添加的內容,而不會完全從 WordPress 中移除該區塊。例如,如果你添加了多個標題區塊,你可以刪除其中一個以使內容更易於閱讀。
方法 1:在 WordPress 編輯器中刪除區塊
如果你想刪除內容中的區塊,那這個方法適合你。請注意,這些區塊不會從區塊菜單中被移除,而是從他們所在的 WordPress 文章中刪除。
首先,選擇你計劃刪除的區塊,只需單擊進入它。然後,點擊區塊工具欄中的三點圖標以打開提示。在這裡,選擇“刪除”選項以從你的文章中刪除該區塊。
如果你想刪除多個內容中的區塊,你也可以這樣做。首先,你必須選擇所有你想刪除的區塊,只需拖動滑鼠選取它們。然後,點擊區塊工具欄中的三點圖標,在提示中點擊“刪除”選項。
如果你在尋找快捷方式,你甚至可以通過在內容編輯器中點擊 Shift + Alt + Z 鍵(適用於 Windows 和 Linux 系統)和 ⌃ + ⌥ + Z 鍵(適用於 macOS 系統)來刪除區塊。
方法 2:在 WordPress 中隱藏區塊
如果你不想完全移除一個區塊,那麼可以使用這個方法。你可以使用 WordPress 的區塊可視性功能隱藏該區塊,並在需要時輕鬆調回。
為此,你必須打開區塊編輯器並點擊屏幕右上角的三點圖標。這將打開下拉菜單,從這裡選擇“偏好設置”選項。
這將在屏幕上彈出一個窗口。在這裡,切換到“區塊”標籤,並只需取消選中你想要隱藏的區塊旁邊的框。你還可以在這裡禁用插件區塊,例如 WPForms 區塊或 Soliloquy 區塊。
完成後,只需點擊“X”圖標以退出提示。你現在已成功隱藏了 WordPress 中的區塊。
要查看結果,點擊左上角的“+”按鈕以打開區塊菜單。在這裡,你會注意到你選擇的區塊不再可見。
當你想要調回這些區塊時,只需再次點擊三點圖標並選擇偏好設置選項。一旦彈出窗口打開,切換到“區塊”標籤,並點擊“重置”連結以使區塊重新可見。
然而,這個方法唯一的缺點是你不能單獨取消隱藏個別區塊。這意味著即使你想讓隱藏的一個區塊可見,點擊“重置”連結會取消隱藏所有選中的區塊。如果這對你來說是一個問題,那麼你可以使用下一種方法。
方法 3:在 WordPress 中刪除核心區塊
如果你想完全刪除 WordPress 編輯器中的默認區塊,如圖片、段落、標題、代碼或預格式化區塊,可以使用這種方法。要刪除核心 WordPress 區塊,你需要在佈景主題文件中添加 PHP 代碼片段,如果出錯可能會導致網站損壞或無法訪問。因此,我們建議使用 WPCode 替代。它是市場上最好的 WordPress 代碼片段插件,也是向網站添加自定義代碼的最安全方法。
注意:你可以在這個教程中使用 WPCode 的免費版本。然而,升級到專業計劃將解鎖更多功能。
首先,安裝並啟用 WPCode 插件。詳情請參見我們的初學者指南“如何安裝 WordPress 插件”。
啟用後,從 WordPress 儀表板訪問 Code Snippets » + Add Snippet
頁面,並在“添加你的自定義代碼(新片段)”選項下點擊“使用片段”按鈕。
這將導引你到“創建自定義片段”頁面,在這裡你必須添加一個代碼片段名稱,來識別你正在創建的代碼片段。然後,從右側的下拉菜單選擇“PHP 片段”作為代碼類型。
之後,需要在“代碼預覽”框中添加以下自定義代碼:
add_filter( 'allowed_block_types_all', function( $allowed_blocks, $editor_context ): array {
$allowed_blocks = [
'core/paragraph',
'core/heading',
'core/list',
'core/list-item',
'core/quote',
'core/preformatted',
'core/pullquote',
'core/table',
'core/gallery',
'core/image',
'core/video',
'core/spacer',
'core/separator',
'core/shortcode',
'core/embed',
];
return $allowed_blocks;
}, 100, 2 );
一旦你完成這些步驟,你會注意到代碼中列出了一些你網站所需的核心 WordPress 區塊。所有未在此列表中提到的區塊,如“詩歌”區塊,將自動從區塊編輯器中移除。
不過,如果你還希望移除代碼片段中提到的某個區塊,例如“分隔線”區塊,可以將它從代碼片段中刪除。同樣,如果代碼片段中未提到某個區塊,但你不想移除它,可以將其名稱添加到區塊列表中。你可以輕鬆地通過鍵入“core/”並添加區塊名稱來完成這一操作,例如:‘core/verse’
。
接下來,滾動到“插入”部分,選擇“自動插入”模式。這樣一來,自定義代碼在啟用後將自動執行。
然後,滾動回頂部,將“未啟用”切換為“啟用”。最後,點擊“保存片段”按鈕以存儲設置。
現在,你可以訪問區塊編輯器查看變更。在這裡,你會注意到經典、封面、分隔線、文件和許多其他區塊已從區塊菜單中移除,因為它們並非你的代碼片段列表的一部分。
方法 4:在 WordPress 中移除插件區塊
當你想移除某個插件引入的區塊時,可以使用此方法。許多 WordPress 插件在內容編輯器中添加區塊,這些區塊使得在文章或頁面中添加插件功能變得非常簡單。例如,All in One for WordPress 在內容編輯器中添加了 FAQ、麵包屑、目錄和 HTML 站點地圖區塊。
然而,有時你可能不想使用插件提供的某個區塊,因為你認為它與你的內容無關。在這種情況下,可以使用自定義代碼移除插件的區塊。為此,你需要 WPCode,它是最好的代碼片段插件,也是向網站添加自定義代碼的最安全方法。
首先,你需要安裝並啟用免費的 WPCode 插件。詳情請參見我們的步驟指南“如何安裝 WordPress 插件”。啟用後,從 WordPress 儀表板訪問 Code Snippets » + Add Snippet
頁面,並在“添加你的自定義代碼(新片段)”選項下點擊“使用片段”按鈕。
在“創建自定義片段”頁面上,你可以首先添加代碼片段名稱,以便識別。然後,從右側的下拉菜單中選擇“PHP 片段”作為代碼類型。
之後,將以下代碼片段添加到代碼預覽框中,注意替換插件區塊的名稱為你希望移除的區塊名稱。
add_action( 'init', function() {
unregister_block_type( 'aioseo/breadcrumbs' );
}, PHP_INT_MAX );
要獲取這個名稱,你必須打開古騰堡編輯器並將插件區塊添加到頁面或文章中。然後,點擊屏幕右上角的三點圖標以打開下拉菜單,從這裡切換到代碼編輯器。
這樣一來,你會注意到代碼編輯器在“wp”之後顯示區塊名稱。將這個名稱複製並返回“創建自定義片段”頁面,在這裡粘貼它。
然後,向下滾動到“插入”部分,選擇“自動插入”模式。這一選項將在啟用後自動執行自定義代碼片段。
之後,將“未啟用”切換為“啟用”。接下來,點擊頂部的“保存片段”按鈕以存儲設置。
現在,打開 WordPress 網站上的區塊編輯器並搜索已移除的區塊。在這裡,你會看到已移除的區塊仍會顯示在菜單中,但一旦將它添加到頁面或文章中,會顯示無效區塊錯誤。
額外:在 WordPress 中創建可重用區塊
除了隱藏不必要的區塊,創建和使用可重用區塊也是節省時間和精力的一種方式。這是一種可以保存並在其他頁面和文章中使用的區塊。例如,你可以為 CTA、反饋表單、聯盟產品等創建可重用區塊。要這樣做,你必須打開區塊編輯器並輸入你想轉換為可重用區塊的內容。
之後,點擊區塊工具欄中的三點圖標以打開下拉菜單,從這裡選擇“創建模式”選項。然後,只需為你的區塊添加名稱並點擊“創建”按鈕以存儲設置。現在,可重用區塊將保存在 WordPress 數據庫中,你可以輕鬆地使用區塊菜單將其添加到頁面或文章中。
更多信息請參見我們的教程“如何創建 WordPress 可重用區塊”。
我們希望這篇文章幫助你學習如何在 WordPress 中輕鬆刪除區塊。你也許會想查看我們的初學者指南“如何使用 WordPress 區塊編輯器”和我們的常見區塊編輯器問題及解決方法列表。
如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 影片教程,你也可以在 Twitter 和 Facebook 上找到我們。