如何在 WordPress 中刪除區塊(4 個簡單方法)

12/04/2023

如何在 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 上找到我們。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>