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

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

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

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

如何將經典區塊新增到文章或頁面

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

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

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

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

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

經典區塊已新增到您的內容中。

經典區塊設定和選項

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

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

經典區塊選項

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

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

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

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

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

Group允許您將區塊新增至可重用區塊中。

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

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

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

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

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

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

經典區塊工具欄

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

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

文字格式

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

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

粗體和斜體

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

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

專案符號和編號列表

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

建立帶有專案符號或數字的列表。

引用

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

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

文字對齊

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

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

插入刪除連結

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

插入連結和刪除連結工具允許您新增,編輯或刪除任何元素上的連結。要插入連結,請選擇元素(例如文字或影象),然後單擊要使用的連結工具。然後,搜尋或貼上URL。通過突出顯示文字並選擇刪除連結刪除連結

插入更多標籤

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

將閱讀更多標籤加在您的滑鼠游標放置文字停頓位置,這會為前端的部落格文章建立斷點。

新增媒體

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

新增媒體開啟媒體庫,您可以在其中上傳或選擇要新增的媒體。

顯示/隱藏工具欄

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

這將擴充套件工具欄以顯示下一組工具。

刪除線

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

刪除線會在您單擊圖示時突出顯示的文字中新增刪除線。

水平線

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

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

文字顏色

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

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

貼上為文字

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

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

清除格式

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

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

特殊字元

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

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

減少增加縮排量

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

減少縮排量和增加縮排量會更改專案符號列表和編號列表的縮排量。這會為專案符號點建立子級別。

撤消和重做

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

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

鍵盤快捷鍵

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

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

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

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

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

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

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

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

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

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

關於經典區塊的常見問題

經典區塊的目的是什麼?

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

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

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

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

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

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

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

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

是的。任何短程式碼都可以新增到內容區域。

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

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

小結

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

評論留言