什麼是古騰堡編輯器? WordPress 世界是如何掀起風暴的? 你想知道的一切

已發表: 2019-02-15

每 4 個網站中就有 1 個使用 WordPress,它無疑是最常用的內容管理系統 (CMS) 之一。 從最初的日子開始,它已經從一個博客管理系統發展為一個廣泛使用的真正的 CMS。 但話雖這麼說,WordPress 世界的變化真的很快,而且根據我們的觀點,事情正在永遠發生變化!

傳統的基於文本的編輯器,瀕臨滅絕!

傳統上,WordPress 內容編輯是關於使用一些圖像編輯文本頁面。 它沒有為內容創建提供任何拖放用戶體驗。 此外,對於復雜的內容嵌入,開發人員使用短代碼,這是一種特殊的語法類型。 由於所有這些限制,WordPress 開發社區需要一個更簡單的編輯器,它可以使開發更快、更高效。

在 2018 年 12 月 6 日發布的 WordPress 5.0 中,引入了一個名為 Gutenberg 的新編輯器。 它以印刷機的發明者約翰內斯古騰堡命名。

Gutenberg 與 TinyMCE 編輯器或任何此類傳統文本編輯器有何不同?

Gutenberg 編輯器遵循基於塊的方法。 它允許輕鬆創建任何內容佈局,如果需要,用戶可以在旅途中編輯內容。 塊幾乎可以是任何東西,例如:

  • 文本
  • 圖片
  • 嵌入
  • 按鈕
  • 小部件
  • 還有很多。

如果需要,用戶甚至可以創建自定義塊,並多次使用相同的塊。 主題和插件可以通過添加新的塊類型來增強與古騰堡的兼容性。 使用這種方法,有難以想像的可能性。 我們確信 WordPress 開發者社區將盡其所能進行創新。

在某些情況下,你們中的許多人使用低於 5.0 的 WordPress 版本並且想要使用 Gutenberg 插件,首先可以按照以下步驟操作:

如何安裝古騰堡插件?

您可以從 WordPress.org 插件存儲庫下載並安裝 Gutenberg 插件開始。 如果您是存儲庫人員,標準建議是克隆託管在 GitHub 上的 Gutenberg 開發版本。 使用開發存儲庫的另一個好處是您將獲得已經與 Gutenberg 存儲庫捆綁在一起的 React.js 開發版本。

開發版本還提供了更詳細的錯誤報告,有助於進行有效的調試。

了解古騰堡佈局

  1. 有哪些不同類型的可用塊?
古騰堡基本佈局

古騰堡提供了許多塊,分為不同的類別。 最常用的塊會在頂部看到,向下滾動時,還有其他部分,如常用塊、格式、佈局元素、小部件等。我們可以選擇我們需要的塊,將其拖到頁面佈局上並開始編輯。 下面解釋了一些塊類型及其可用性

  • 內聯元素將僅包含內聯圖像的單個塊。
  • 一個通用塊將包含常規文本、段落、引號和更多基本構建塊。
  • 格式化可用於表格等內容或更多格式化內容(如拉引號)。
  • 佈局元素可用於將文本拆分為列。
  • 小部件可用於添加類別、簡碼或顯示側邊欄小部件。
  • 嵌入可能有助於添加 YouTube、Twitter、Instagram 或任何其他外部內容。
  1. 如何使用塊的示例
  1. 下面是從通用塊類別中選擇並放置在屏幕上的報價塊。 放置報價塊後,您可以根據需要開始編輯文本。
  1. 您還可以創建多個列佈局。 您可以從佈局元素部分選擇列塊。 選擇列塊後,您可以移動此列塊中的任何子塊來構建您的內容。
  1. 如何重新排列這些基本構建塊?
  1. 向上或向下箭頭可用於一次將塊移動一個位置。
  2. 如果您想更自由地移動它,可以使用六點圖標拖放到需要的地方。
  • 如何編輯源代碼?
  1. 如果需要在源代碼級別進行編輯,您可以單擊右上角的三個垂直點並選擇代碼編輯器。

  1. 為了改善您的編輯體驗,Gutenberg 提供了全屏模式、固定工具欄、聚光燈模式。

完成編輯後,只需單擊發布按鈕,您就可以準備好帖子了!

古騰堡的優勢(PROS)

  • 按照我們的說法,古騰堡將是出版商的福音。 這將允許他們使用 Gutenberg 的鎖定方法創建一些真正創新的主題和插件。
  • 開發人員可以保存有關塊的信息,甚至可以創建特定於他的要求的新塊。 最好的部分是開發人員可以一次創建一個塊並在任何地方使用它。
  • 由於基於塊的方法提供了整潔乾淨的佈局,因此整個屏幕不會那麼混亂。
  • 塊佈局是移動響應式開發的最佳方法。 現在使網站與移動設備兼容相對容易。
  • 它在很大程度上是用戶友好的,即使是新手也可以輕鬆應對創建 WordPress 網站。

古騰堡的缺點(CONS)

  • 考慮到互聯網上 33% 的網站都是使用 WordPress 構建的,與古騰堡的向後兼容性仍然值得懷疑。 升級將使最終用戶或初學者變得容易,但對於開發人員社區來說,使現有的 WordPress 網站與古騰堡兼容將是一項繁瑣的工作。
  • 由於它使用 React,與標準的 WordPress 開發相比,學習起來會有些困難。
  • 現有的插件和主題必須升級以支持古騰堡,同樣可能需要時間來消化這種轉變。
  • 由於一切都是基於盒子的,有一部分開發者社區表達了對無法找到正確的盒子元素的擔憂,這最終導致了佈局的混亂。

在 WordPress 5.0 中使用傳統編輯器(例如 TinyMCE)

由於 WordPress 5.0 已經可用,所有 WordPress 網站都必須升級,才能接收安全更新。 話雖這麼說,有一個名為“經典編輯器”(https://WordPress.org/plugins/classic-editor/)的官方 WordPress 插件可以讓開發人員有一些時間習慣古騰堡。 根據該插件描述中提到的官方聲明“經典編輯器將得到完全支持和維護,至少到 2022 年,或者只要有必要”。

如果您在升級和開始使用 Gutenberg 時需要任何幫助,請隨時通過 [email protected] 與我們聯繫。 我們將非常樂意提供我們的 WordPress 服務並使您的網站與行業同步。