你應該知道的關於古騰堡 WordPress 編輯器的知識

已發表: 2018-03-08
許多網站志願者和貢獻者現在都在使用最新的Gutenberg WordPress 編輯器 然而,他們的目標很簡單——讓“向 WordPress 添加豐富的內容”成為一種更愉快、更流暢的體驗。

Gutenberg WordPress 編輯器將是 WordPress 核心最不可或缺的方面之一。 但是,這對網站所有者意味著什麼? 如果用戶已經在使用頁面構建器怎麼辦? 我們將在本指南中回答這些問題以及更多內容。 此外,我們將討論古騰堡的基礎知識。 此外,我們將討論您需要了解的有關最新版本的所有信息。 同時,這裡有一些頁面構建器插件,可以讓 WordPress 設計更輕鬆。

了解古騰堡 WordPress 編輯器

Gutenberg WordPress 編輯器是一個新的可視化編輯器。 此外,它的設計目的是融入 WordPress 核心。 Gutenberg 通過添加頁面構建器等功能來提供幫助,但添加了內容塊。 例如,它可能會將 TinyMCE 恢復為默認內容編輯器之一。

儘管如此,當您使用它時,您會注意到內容被添加到各種類型的塊中。 此外,添加從 WordPress 後端開始。

此外古騰堡不僅僅是一名編輯。 它為整個內容髮布體驗添加了自定義功能。 它使用戶能夠創建現代設計。 此外,它提供了更好的編輯體驗。 此外,它為 WordPress 網站的未來奠定了基礎。 Gutenberg 已準備好在 WordPress 5.0 中發布。

古騰堡 WordPress 編輯器的主要目的

讓我們從功能的角度來看看古騰堡的主要目的。

主要用途是使“向 WordPress 添加豐富內容”的體驗更加有趣和令人興奮。

這是 WordPress 發展過程中向前邁出的關鍵一步。 如果沒有 Gutenberg,WordPress 原生功能只包括一個基本的文章文本編輯器。 此外,使用 Gutenberg,WordPress 用戶可以創建看起來很酷的內容佈局。 此外,古騰堡是簡化 WordPress 用戶體驗的眾多重要轉變之一。

你想知道關於古騰堡的持續辯論嗎? 然後繼續閱讀,我們將更詳細地討論這個問題。

Matt Mullenweg 是古騰堡背後的傑出人物

根據 Mullenweg 在 'State of the Word 2016' 中的公告,Gutenberg 是一個可視化編輯器。 然而,它是 WordPress 未來的三大核心焦點之一。 2017 年初,Mullenweg 接手 Gutenberg 擔任項目負責人。 但是,為了進一步發展,Mullenweg 聘請了 Joen Asmussen 和 Matias Ventura。 他僱用他們作為自動員工。 因此,如果您想在 Mullenweg 上閱讀有關古騰堡的更多信息,您應該訪問“我們稱它為古騰堡是有原因的”。

古騰堡編輯器是一個插件

通過將 Gutenberg 作為 WordPress 插件下載到您的 WordPress 站點非常容易,您可以在 WordPress 插件目錄中找到該插件。
Gutenberg 插件每週更新一次,因為不斷添加新的和改進的功能。 但是,請注意此插件的描述。 它仍然是測試版軟件,必須小心使用。 如前所述,這個編輯器很可能會集成到 WordPress 5.0 中。

古騰堡仍在實施

以下是您需要了解的有關 Gutenberg 即將推出的功能的信息。

  • 古騰堡還沒有完成。 目前正在實施古騰堡的各種功能。 除此之外,新版本還對早期實現的功能和 UI 進行了改進。
  • 如果 Gutenberg 目前無法為您正常工作,請不要擔心。 隨著團隊繼續開發,問題正在得到解決。
  • 編輯器是在 React JavaScript 的幫助下編寫的。 然而,考慮到 Facebook 目前以 MIT 許可的名義重新授權該項目的行為,Matt 先生宣布 Gutenberg 和 wordpress.com 將使用不同的庫進行重寫。 這會耽誤古騰堡的進度一段時間。

古騰堡嵌入和塊

為了自定義佈局和內容,古騰堡提供了一系列塊。

通用塊

格式化塊

佈局塊

小部件

圖片

更多的

類別

段落

桌子

分隔器

短代碼

標題

拉式報價

文本欄

最新的帖子

畫廊

自定義 HTML

按鈕

列表

自定義測試

引用

預格式化

視頻/音頻

代碼

封面圖片

這是 Gutenberg 提供的嵌入。

嵌入

YouTube

雲上

混合雲

SmugMug

推特

動漫本

Meetup.com

泰德

Instagram

每日運動

紅迪網

揚聲器

Facebook

大學幽默

照片桶

視頻出版社

聲雲

葫蘆

保利達迪

棒棒噠

WordPress

發行

截屏

WordPress.tv

維密歐

伊姆古爾

混響

藤蔓

弗里克

滑稽或死亡

幻燈片共享

Spotify

眾籌

抄寫本

古騰堡的優點

以下是將 Gutenberg 與 WordPress 5.0 結合的一些巨大好處。

WordPress 可視化編輯器的進展

  • 多年來,WordPress 可視化編輯器一直很乏味。
  • Gutenberg 的目的是集成一個對用戶來說非常直觀的界面。 它旨在幫助 WordPress 與 Squarespace 和 Wix 等其他可視化編輯器競爭。

使用 HTML 註釋存儲塊信息的明智之舉

  • Gutenberg 將塊信息存儲在 HTML 註釋中。
  • 這些評論不會主動呈現在網站的實時頁面上,只能在網站的後端看到。

您可以在不破壞網站的情況下輕鬆禁用古騰堡

  • 與任何其他頁面編輯器不同,您可以輕鬆卸載此可視化編輯器 - Gutenberg,而不會破壞網站。
  • 當您重新激活古騰堡時,沒有機會丟失之前安排的塊。 HTML 註釋始終保留在內容中。
  • 您必須注意,如果 Gutenberg 已停用,頁面源可能會呈現 HTML 註釋。

更好地執行複制/粘貼程序

  • 在以前的 Gutenberg 版本中,複製/粘貼的實現簡直是一團糟。 此外,在整個過程中使用的格式會丟失,但現在情況已不再如此。
  • 粘貼列表、標題、段落等最終出現在適當類型的塊中,這些塊由 Gutenberg 自動構建。
  • 斜體和粗體等文本標記也被保留。

強大的 HTML5 輸出

  • Gutenberg 使用 HTML 5 標籤(例如圖形和部分)來阻止輸出內容。
  • 借助 HTML 5 標籤,可以在 Gutenberg 中構建面向未來的內容。

易於編寫塊

  • 為了生成定制內容,開發人員可以構建自己的個人塊。
  • 有很多在線資源可用於獲取有關在 Gutenberg 中編寫塊的更多信息。

使用古騰堡的缺點

瀏覽器中不再有合成

  • Gutenberg UI 的重點是內容佈局而不是內容創建。
  • 開發人員使用帖子窗口編寫內容的舊時代已經結束。

您可能會發現 UI 有點笨拙

  • 一些簡單的任務可能需要比過去更多的操作。 更新頁面時,您必須單擊兩次而不是一次。 有一些不起眼的圖標可用,它們沒有太多關於其確切功能的線索。
  • 在較小的顯示器的情況下,當用戶向下滾動時,三列佈局可能會令人困惑。 這三列包括 Gutenberg 編輯器、管理菜單和 Gutenberg 側邊欄。 如果您的屏幕尺寸為 12 英寸或更小,則尤其如此。
  • 在編輯器旁邊和下方,元框在擴展設置中不可見。

段落沒有簡碼

  • 目前,在段落塊或文本列中執行短代碼是不可能的。
  • 為了讓它們發揮作用,它們必須被合併到短代碼塊中。
  • 如果短代碼正在生成任何內聯內容,例如年份或任何內聯行動號召,這可能會產生一些問題。
  • 請注意,即使將 Gutenberg 集成到現有站點中,帖子/頁面中的簡碼也可能繼續有效。 開發人員在確保當前平台不會崩潰方面做得更好。

段落中沒有其他嵌入或圖像

  • 在古騰堡,圖像需要它們的塊。 因此,您不能在任何圖像周圍環繞文本。
  • 同樣,像視頻或音頻這樣的嵌入也需要它們的塊。 否則,來自 Vimeo、YouTube 等的嵌入可能不再適用於古騰堡的文本列或段落。

主要的可訪問性問題(至少目前如此)

  • 目前,古騰堡正面臨可訪問性問題。 使用編輯器的後端訪問它可能會出現一些重大問題。 這也適用於前端的內容輸出(即內聯 CSS)。
  • 在最終發布之前,WP Accessibility 團隊可能會解決這些問題。
    - 一般來說,可訪問性是 WordPress 的首要任務。
    - 由於內聯 CSS 目前在前端渲染之前保留在 HTML 註釋中,因此開發人員將如何解決這個問題現在是一個大問題。

較舊的主題不解決 HTML 5 輸出

  • 編輯器使用 HTML 5 標記(例如圖形和部分)來阻止輸出內容。
  • 許多較舊的主題不具備 CSS 來解決標籤樣式問題。 因此,此類標籤的填充或邊距可能不存在。
  • Gutenberg 本身沒有自己的樣式表來解釋這一點。
古騰堡還有很多事情沒有解決

主題與古騰堡編輯器的關係:

  • 如前所述,古騰堡更多的是關於內容而不是整體造型。 您仍然可以為塊添加一些背景顏色,但這更像是內聯樣式。
  • 目前,邊距和塊填充尚未解決。
  • 其他 WordPress 頁面構建器使用戶能夠輕鬆地微調對列、行、間距等的控制。目前,Gutenberg 依賴於一個主題。
  • 關於 Gutenberg 主題支持,文檔中的信息很少。 這還包括廣泛的圖像支持、塊支持和調色板支持。
  • 文檔中有一些關於將樣式應用於古騰堡編輯器和使用樣式表的信息。
  • 主要問題是 Gutenberg 尚未解決 Web 開發/設計新手的問題。 他們是 Gutenberg 旨在幫助的受眾,但這些人中的大多數人不知道主題與 WordPress 系統之間的關係是如何工作的。

古騰堡將如何融入 WordPress 的核心?

到目前為止,跡象表明古騰堡將成為 WordPress 核心的一部分。 WordPress 5.0 版預計將於 2018 年發布。
如果您想知道編輯器是默認啟用還是可以選擇禁用,這些問題還有待回答。 在這一點上,沒有什麼可以肯定地說。 也許編輯器將以與 REST API 相同的方式執行(默認情況下)。 此外,可以通過使用單一用途插件或不同的安全插件(如 iThemes Security)輕鬆禁用它。

大多數人認為它會附帶一個“禁用古騰堡”插件或代碼塊。 也許著名的頁面構建器可能會在其設置中包含禁用 Gutenberg 的選項。 一個流行的建議是在 Jetpack 上提供它,並讓用戶使用該平台激活它。

Gutenberg WordPress 編輯器的發布日期

到目前為止,尚未宣布正式發布日期。

然而,馬特·穆倫韋格曾說過, “Gutenberg 的團隊正在退後一步。他們正在這樣做,通過使用不同的庫來重寫 Gutenberg。這可能會導致 Gutenberg 的發布延遲,至少延遲幾週。這正是為什麼古騰堡的發布已被推遲到 2018 年。”

對這一特定聲明有許多強烈的反應。 例如, Yoast說過:

“在 Yoast,我們對這些詞感到非常震驚。以目前的形式,古騰堡還沒有準備好 - 根本 - 用於主流使用。事實上,我們認為它還沒有準備好在 2018 年上半年的任何地方發布. 另外,準備發布意味著社區有足夠的時間來修復他們所有的集成。然而,在這個時間點上,插件根本不可能與 Gutenberg 集成。插件作者到底應該如何能夠“在幾個月內建立他們的集成?這是不可能的。至少在不破壞事物的情況下是不可能的。”

Yoast 為古騰堡推薦另一門課程

“我們對區塊的想法非常熱情。但是,我們對一些技術選擇有強烈的擔憂。此外,對於實施過程的速度。此外,我們擔心的是缺乏對可訪問性問題的優先級。項目。不過,我們非常擔心插件無法與新編輯器集成。

Yoast 討論了將其插件與 Gutenberg 合併的概念。

“我們首先分解了我們所有的功能。此外,我們繼續研究可以將它們集成到古騰堡的位置。但是,我們認為在編輯器下方保留一個巨大的框不會最好地為我們的客戶服務。因此, “我們更願意在行動發生的地方整合。古騰堡為我們提供了這個機會。”

您對古騰堡有何看法?

要回答這個問題,一定要試試古騰堡。 此外,通過在測試站點上使用 Gutenberg WordPress 編輯器來探索它。 之後,讓我們知道您喜歡或不喜歡它。

不過,您可以直接向 Gutenberg 團隊提交您的反饋。 轉到古騰堡側邊欄菜單上的反饋部分。 告訴他們您與古騰堡合作的經歷。 因此,您將成為使該項目成功的一部分。