GG資源網

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式

通過 WPJAM Basic 屏蔽 WordPress 古騰堡編輯器,換回經典編輯器之後,WordPress 的小工具還是區塊編輯模式的。

本來我想在屏蔽古騰堡編輯器的時候,同時也屏蔽小工具的區塊編輯器模式,但是覺得這是主題的功能,應該交給主題的作者來處理。

不過提供一下如何禁用 WordPress 小工具區塊編輯器模式,切換回經典模式的方法,一共有三種:

一、使用 remove_theme_support 函數

主題可以通過調用 remove_theme_support( 'widgets-block-editor' ) 來屏蔽小工具區塊編輯器模式,在主題的 functions.php 文件中添加如下的代碼:

add_action('after_setup_theme', function(){
remove_theme_support('widgets-block-editor');
});

二、通過經典小工具插件

如果主題沒有提供,則普通用戶可以通過 Classic Widgets 插件來屏蔽小工具區塊編輯器模式,安裝並激活之後即可屏蔽。

三、使用 use_widgets_block_editor filter

use_widgets_block_editor 過濾器介面是用來控制是否啟用小工具區塊編輯器模式的。

比如可以通過以下的代碼屏蔽小工具區塊編輯器模式:

add_filter('use_widgets_block_editor', '__return_false');

使用過濾器介面,就有更多可定製性,可以加入一些自定義功能,比如下面的代碼就是針對 ID 為 123 這個用戶屏蔽:

add_filter('use_widgets_block_editor', function($use_widgets_block_editor){
if(123 === get_current_user_id()){
return false;
}
return $use_widgets_block_editor;
});

古騰堡編輯器教程:如何使用WordPress經典區塊

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

WordPress編輯器的經典區塊旨在幫助簡化WordPress的舊版TINYMCE編輯器與其較新的基於區塊的編輯器(稱為古騰堡)之間的轉換。當新編輯器被引入WordPress Core時,之前使用舊編輯器創建的更新網站上的所有文章和頁面都會使用經典區塊自動轉換為新的基於區塊的編輯器中的內容。因此,在非常真實的意義上,經典區塊只是WordPress新文本編輯器中的舊文本編輯器。也就是說,存在一些值得了解的關鍵差異和特定用例,即使您已經完全採用WordPress的區塊編輯器(及其許多其他區塊)進行內容創建,使用經典區塊仍然是一個好主意。

在本教程中,我們將向您展示如何將經典區塊添加到文章或頁面,我們將介紹它的全部設置和選項,我們還將為您提供在新區塊中有效使用它的提示 -基於WordPress的世界。

如何將經典區塊添加到文章或頁面

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

經典區塊以與任何塊相同的方式添加到文章和頁面中。單擊左上角或要放置區塊的位置的區塊插入器圖標。

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

在區塊插入器的搜索欄位中輸入經典,然後選擇經典區塊。

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

經典區塊已添加到您的內容中。

經典區塊設置和選項

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

與大多數古騰堡區塊不同,經典區塊在編輯器側欄中不包括選項。相反,您需要的所有選項都在經典區塊工具欄本身中。單擊經典區塊以顯示其工具,包括工具欄,上面有一組選項。讓我們仔細看看。

經典區塊選項

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

每個區塊都有自己的特定控制項以及區塊的選項。工具欄上方的一小組區塊選項允許您更改區塊類型、轉換為區塊以及打開選項。

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

第一個選項包括列數和設置組。

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

Group允許您將區塊添加至可重用區塊中。

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

接下來的兩個選項允許您通過手動拖動區塊或通過單擊箭頭向上或向下移動塊來移動區塊。

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

轉換為區塊將所有內容轉換為其特定類型的區塊。例如,文本將轉換為段落區塊,圖像將轉換為圖片區塊等。離開頁面或發布後無法撤消此操作,但如果您願意,可以將內容複製並粘貼到新的經典區塊中。

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

這三個點打開了更多選項,允許您隱藏設置、複製、創建副本、前後插入、移動、作為HTML編輯、組合或刪除區塊。

經典區塊工具欄

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

工具欄提供了經典編輯器中的所有TinyMCE工具,允許您設置文本格式、添加媒體等。永久使用此工具欄編輯所有內容。

文本格式

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

從文本格式下拉框中格式化突出顯示的文本。默認為段落。我選擇了一個段落並將其設置為H3標題。

粗體和斜體

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

突出顯示文本並單擊粗體或斜體以設置文本格式。單獨或一起使用它們。

項目符號和編號列表

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

創建帶有項目符號或數字的列表。

引用

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

引用控制滑鼠游標所在段落的格式。引用格式因主題而異。2021主題縮進段落,添加引號,並使文本加粗。

文本對齊

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

對齊設置文本邊緣對齊的位置。在左對齊、居中對齊和右對齊之間進行選擇。在這個例子中,我選擇了右對齊,所以文本在右側對齊。左對齊是默認設置。

插入刪除鏈接

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

插入鏈接和刪除鏈接工具允許您添加,編輯或刪除任何元素上的鏈接。要插入鏈接,請選擇元素(例如文本或圖像),然後單擊要使用的鏈接工具。然後,搜索或粘貼URL。通過突出顯示文本並選擇刪除鏈接刪除鏈接

插入更多標籤

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

將閱讀更多標籤加在您的滑鼠游標放置文本停頓位置,這會為前端的博客文章創建斷點。

添加媒體

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

添加媒體打開媒體庫,您可以在其中上傳或選擇要添加的媒體。

顯示/隱藏工具欄

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

這將擴展工具欄以顯示下一組工具。

刪除線

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

刪除線會在您單擊圖標時突出顯示的文本中添加刪除線。

水平線

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

水平線在內容區域中添加一條線。它從游標位置開始劃分內容,並將線放置在該點下方。在上面的示例中,我將游標放在虛擬詞felis之後

文字顏色

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

文本顏色可讓您選擇突出顯示的文本的顏色。顏色工具可讓您設置多種自定義顏色。

粘貼為文本

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

粘貼為文本允許您粘貼某些內容而不包括其格式。如果您從文字處理器或其他網站複製了文本,這會很有幫助。根據需要打開或關閉此選項。

清除格式

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

清除格式會刪除所選文本的粗體、斜體、刪除線和顏色格式。在這個例子中,我選擇了一個段落中的一個詞並刪除了它的格式。

特殊字元

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

特殊字元可讓您添加在標準鍵盤上找不到的字元。

減少增加縮進量

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

減少縮進量和增加縮進量會更改項目符號列表和編號列表的縮進量。這會為項目符號點創建子級別。

撤消和重做

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

撤消將恢復到上次編輯之前的先前設置。它突出顯示了更改,以便您可以看到它。如果您一直單擊該圖標,它會撤消上一個設置,直到您返回到第一個設置。重做增加了這個設置。在此示例中,我取消了從編號列表更改為項目符號列表的設置。

鍵盤快捷鍵

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

鍵盤快捷鍵提供了與經典塊一起使用的所有快捷鍵的列表。

有效使用經典區塊的技巧和最佳實踐

屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

如果您習慣了經典編輯器,請使用經典區塊。這為您提供了所需的編輯器,而不會放棄區塊編輯器的任何好處。它還充當兩個編輯器之間的橋樑。您可以在學習使用區塊編輯器的同時使用您習慣的經典編輯器。

如果您更喜歡在經典編輯器中創建內容,但希望獲得區塊編輯器的優勢,請使用區塊,然後選擇轉換為區塊以將每個內容元素轉換為單獨的區塊。

如果您希望在一個位置查看所有樣式工具,請使用經典區塊。滾動時工具欄會保持原位,因此所有選項都在視圖中。單擊區塊中的任意位置以顯示工具欄。

如果您希望將您的內容作為一個單一的內容單元保存在一起,請使用它。它使您不必使用和管理多個區塊。

使用多個經典區塊或將其轉換為標準區塊以在您的內容中使用第三方區塊。

將它用於任何需要經典編輯器的第三方插件。例如,某些插件與媒體庫配合使用以創建自定義畫廊。這些無法從標準圖庫或圖片區塊訪問,但您可以使用經典區塊中的媒體選項訪問它們。

關於經典區塊的常見問題

經典區塊的目的是什麼?

  1. 它包含使用原始WordPress編輯器創建的舊內容。
  2. 它為喜歡它的人提供了經典編輯器設計。

是否從經典編輯器中刪除了任何內容?

有些東西被移到了區塊編輯器中。Visual/Text選項卡位於右側邊欄中。任何向經典編輯器添加按鈕的第三方插件都是作為區塊而不是按鈕提供的。它不包括無干擾寫作模式。

經典區塊不包括視覺/文本選項卡。我還可以編輯HTML嗎?

是的。文本選項卡現在稱為代碼編輯器。它已移至右側邊欄中名為編輯器的部分下的選項

工具上方的媒體按鈕在哪裡?

媒體按鈕已從工具欄上方移至工具欄本身。

經典區塊可以使用短代碼嗎?

是的。任何短代碼都可以添加到內容區域。

區塊可以在經典區塊中使用嗎?

不,但您可以將其轉換為常規區塊,或使用多個經典區塊,然後在您想要的任何位置添加新區塊。

小結

這就是我們對WordPress區塊編輯器的經典區塊的看法。我覺得它很直觀。對於喜歡經典編輯器或使用經典編輯器創建內容的任何人來說,這是一個很好的選擇。

由於網站搬家,部分鏈接失效,如無法下載,請聯繫站長!謝謝支持!
1. 帶 [親測] 說明源碼已經被站長親測過!
2. 下載後的源碼請在24小時內刪除,僅供學慣用途!
3. 分享目的僅供大家學習和交流,請不要用於商業用途!
4. 本站資源售價只是贊助,收取費用僅維持本站的日常運營所需!
5. 本站所有資源來源於站長上傳和網路,如有侵權請郵件聯繫站長!
6. 沒帶 [親測] 代表站長時間緊促,站長會保持每天更新 [親測] 源碼 !
7. 盜版ripro用戶購買ripro美化無擔保,若設置不成功/不生效我們不支持退款!
8. 本站提供的源碼、模板、插件等等其他資源,都不包含技術服務請大家諒解!
9. 如果你也有好源碼或者教程,可以到審核區發布,分享有金幣獎勵和額外收入!
10.如果您購買了某個產品,而我們還沒來得及更新,請聯繫站長或留言催更,謝謝理解 !
GG資源網 » 屏蔽 WordPress 小工具區塊編輯器模式,切換回經典模式(古騰堡編輯器教程:如何使用WordPress經典區塊)

發表回復

CAPTCHAis initialing...