本帖子將為您提供 WordPress 中的 Classic 和 Gutenberg 編輯器的概述。 您還將瞭解它們之間的主要區別。

自成立以來，WordPress 一直在不斷變化和改進。 開發人員的核心團隊不斷新增新功能，同時丟棄過時的功能，以確保平臺跟上不斷變化的時代。

其中一個重大變化是引入了 Gutenberg 編輯。 在這篇文章中，我們將比較Classic 編輯器和 Gutenberg 編輯器，以瞭解它們彼此有何不同。

WordPress Classic 編輯器

在Gutenberg 編輯器之前，經典的 WordPress 編輯器是整合在 WordPress 中的預設編輯器。 這是一個 WYSIWYG 編輯器，其使用者介面類似於 MS Word 等各種文字處理應用程式。 下圖顯示了經典的 WordPress 編輯器的樣子。

頂部的工具欄包含不同的按鈕，用於使文字變粗或斜體，更改文字對齊，插入連結等。 它非常容易使用，因為您只需鍵入您的部落格文章，然後使用頂部工具欄中的按鈕進行格式更改。

WordPress中的 Classic 編輯器在幕後使用免費和開源的 TinyMCE 編輯器。 Classic 編輯器的使用者可以在編輯器中輕鬆切換視覺模式和文字模式，直接編輯其部落格文章的底層 HTML。 這使得 Classic 編輯器成為對HTML和CSS有一些基本知識的人來說的強大工具。

長期使用 WordPress 的人通常更喜歡使用 Classic 編輯器，因為它很簡單。 Classic 編輯器讓他們能夠更好地控制標記，介面易於使用，沒有不必要的雜亂。

WordPress Gutenberg 編輯

WordPress Gutenberg 編輯器於2018年12月釋出，作為 WordPress 5.0 更新的一部分，從那時起，它一直是預設的 WordPress 編輯器。 這位新編輯器引入了建立和編輯部落格文章的塊概念。

假設你想在你的部落格文章中建立一個新段落。 你所要做的就是新增一個新的段落塊。 如果人們以前只使用過Classic 編輯器，他們需要一些時間來適應塊的工作方式。

在建立部落格文章時，您只需拖動即可上下移動不同的內容塊。 開發Gutenberg 編輯器的主要原因是網站建設者越來越受歡迎。 缺乏在WordPress中設計頁面佈局的內建功能是一個競爭劣勢。

正如您將看到的，Gutenberg 編輯器不僅用於撰寫部落格文章——您還可以用它來建立複雜的佈局。

兩個編輯之間的主要區別

Gutenberg 編輯和經典編輯的開發考慮到了不同的目標。 這影響了很多東西，比如他們的使用者介面、功能等。 在本節中，我將為您總結其中的一些差異。

使用者介面和自定義選項

正如我們在前面的章節中看到的那樣，Classic 編輯器依賴於舊的文字處理器佈局，頂部有一個工具欄來建立部落格文章。 對於長期使用它的人來說，這種佈局很熟悉。

另一方面，Gutenberg 編輯器依靠塊來建立部落格文章。 Gutenberg 編輯器中的所有內容都是一個塊。 例如，您還可以將一個塊轉換為另一個塊，將段落更改為標題。

使用 WordPress Classic 編輯器，不同的元素始終出現在工具欄中。 你不需要去任何地方去尋找它們。 這使得首次建立部落格文章的人更容易使用Classic 編輯器。

使用 WordPress Gutenberg 編輯器，在您輸入文字後，您將獲得一個浮動工具欄。 此工具欄有按鈕，允許您使文字變粗、斜體或更改其對齊。 Gutenberg 編輯器的一個有趣之處是，邊欄包含您新增到部落格文章中的每個塊的特定塊選項。

在這種情況下，邊欄包含不同的設定，以更改文字的顏色、背景或大小，以滿足您的需求。 您可以使用文字裝飾部分新增下劃線或劃線。 也可以更改字型粗細，使文字變粗或更改字母間距。

因此，使用Classic 編輯器，使用者介面更簡單，但它為您提供了一組有限的選項。 當您使用Gutenberg 編輯器時，邊欄中的選項將根據所選塊動態更改。

你會發現，在你建立了一些部落格文章後，Gutenberg 編輯器並不特別難用。

帖子和頁面佈局選項

如果您不打算為您建立的不同部落格帖子和頁面建立獨特的佈局，那麼經典的 WordPress 編輯器工作得很好。 然而，當您想更改部落格文章的佈局以按列或行排列內容時，Gutenberg 編輯器真的很出色。

Gutenberg 編輯器包含各種內容的塊。 如果你僅僅透過閱讀它的名字不理解它，你可以將滑鼠懸停在一個塊上，看看它的作用。 我們可以使用列塊在列中組織內容。 在部落格文章中新增列小部件會顯示以下螢幕。 您可以選擇在佈局中是否想要一列、兩列或三列，以及這些列應該如何佈局。

在這些列中，您可以為標題、影象、段落文字甚至更多列新增其他內容塊。 邊欄允許您更改列數，並可選擇在較小的裝置上堆疊它們。

您無法自由地使用獨立的Classic 編輯器設計自己的部落格文章佈局。

效能和生成的標記

Gutenberg 編輯器比Classic 編輯器複雜得多。 因此，他們都會在不同的層面上表現是有道理的。 Gutenberg 背後的開發人員團隊一直在努力新增新功能，同時提高編輯器的效能。

對於常規的部落格文章，您不會感覺到兩者之間的任何顯著效能差異。 然而，我的個人經驗是，Gutenberg 編輯在極長的帖子中可能會有點滯後。

兩者之間的另一個區別在於它們生成的最終標記。 您可以使用Classic 編輯器完全控制生成的 HTML。 然而，相比之下，Gutenberg 編輯器中的標記可能會有點膨脹。 這主要是由於它提供的所有額外功能。

我想澄清的是，與其他流行的頁面構建器相比，生成的 HTML 會變得臃腫仍然要少得多。 然而，它不可能像Classic 編輯器那樣精簡。

最後的想法

在這篇文章中，我們簡要概述了經典的WordPress 編輯器和Gutenberg 編輯器。 在功能方面，Gutenberg 編輯器遠遠領先於Classic 編輯器，隨著新功能的增加，差距只會擴大。

然而，不是每個人都想放棄經典編輯。 從Gutenberg 編輯的低使用者評分中可以看出這一點。 開發人員團隊甚至為Gutenberg 添加了Classic 編輯器塊，以方便使用者使用Gutenberg 編輯器。

如果您仍在使用Classic 編輯器，您絕對應該考慮遷移到Gutenberg 編輯器。 隨著時間的推移，它只會變得更好。 在寫幾篇部落格文章後，您還將更習慣編輯工作流程。