需要注意的 6 個重要的 WordPress Gutenberg 更新

已發表: 2021-10-21

要注意的重要 WordPress Gutenberg 更新

自 2018 年發布以來,WordPress 一直在開發其塊編輯器功能。如今,它既可以作為內置的 WordPress 核心使用,也可以作為單獨的插件使用。

WordPress 5.6 中包含了廣泛的 Gutenberg 插件功能。 到目前為止,已發布了兩個不同版本的塊編輯器,這是您獲取最新修改並開始使用它的最佳時機。

在本博客中,我們將了解塊編輯器的 6 項最新更改。 此外,我們將檢查一些信息,了解如何解鎖測試版功能,這些功能不僅在插件之一中可用,即獨立的古騰堡插件。

WordPress塊編輯器

Gutenberg 也被稱為帖子編輯器和內置頁面。 Gutenberg 是在 WordPress 5.0 中引入的,後來被 TinyMCE Classic Editor 取代。

您也可以在經典編輯器 (https://WordPress.org/plugins/classic-editor/) 的幫助下使用它。

為了創建網頁,此編輯器使用基於塊的方法。 實際上,古騰堡將頁面劃分為不同的內容塊,而不是使用一個廣泛的內容區域。 包含的最常用的不同元素是標題、段落、圖像和列表。

Gutenberg 主要是為了給 WordPress 用戶提供更多的靈活性而開發的。 對於初學者用戶,塊編輯器功能可幫助他們更輕鬆地創建內容。

大多數情況下,WordPress 正試圖與 Squarespace、Wix 和其他頂級視覺網站建設者競爭。

以前,Gutenberg 在集成到 WordPress 核心之前是作為獨立插件創建的。 Gutenberg 插件仍在進行一些積極的開發。

在將即將推出的編輯器功能添加到平台之前,此插件將允許您預覽所有這些功能。 這就是為什麼 Gutenberg 插件被認為是一個很棒的插件的主要原因。

一些前 6 名的 WordPress 古騰堡更新

到目前為止,我們已經研究了塊編輯器被認為是 WordPress 社區中最大的修改之一的原因。 但現在我們將檢查一些驚人的功能。

一些最重要的古騰堡更新是

1. 全站編輯 (FSE)

為了吸引和轉移您網站訪問者的注意力,網站設計起著重要作用。 通過有效的網頁設計,您還可以吸引您的想法並讓您的品牌得到認可。

但是,您可以說最好的網頁設計將幫助您的潛在客戶確定是留下還是離開您的網站並轉到競爭對手的頁面。

因此,新的WordPress Gutenberg 更新被稱為全站點編輯 (FSE),以便它可以幫助您設計一個更具吸引力和一致性的網站。

您還可以使用塊通過 FSE 進行視覺設計。 因此,您可以創建網站的任何部分,包括頁面和帖子。 此外,您可以創建存檔頁面、頁眉、側邊欄、頁腳等。

Gutenberg 開發人員已經開發了大量具有如此多廣泛功能的站點構建塊。

Gutenberg 還提供了一個全局樣式面板,其工作方式與傳統的 WordPress 定制器相同。 但是,此功能需要一個兼容的 WordPress 主題,例如默認的新二十一二十一。

在 Gutenberg 插件中,FDE 功能也可用。 在未來的版本中,此類功能將添加到 WordPress 核心中。 這是由馬特·穆倫韋格(Matt Mullenweg)說的。

2.導航塊和生成器

乾淨和簡單的導航對您的訪問者來說非常重要,這樣他們就可以瀏覽您的網站並找到有用的網站內容更有趣。 清晰的導航將始終幫助您改善訪問者的體驗。

但是,它將使您的一些關鍵指標受益,例如訪問頁面的總數以及在您的網站上花費的總時間。

您的搜索引擎頁面結果也可以通過最佳和高質量的導航得到改善。 它將確保搜索引擎能夠抓取您的網站並能夠索引您的頁面。 這將提高內容出現在相關搜索結果中的機會。

Gutenberg 還添加了一個新的導航塊,以幫助您增強網站的導航。 使用新的導航塊,您可以輕鬆地在頁面或帖子的任何位置添加菜單。

當 Gutenberg 9.0 發佈時,它帶有拖放菜單構建器功能。 此功能使您可以靈活地根據訪問者的要求輕鬆構建相同的菜單。

您可以在 Gutenberg 中啟用菜單生成器。 首先安裝並激活 Gutenberg 插件,然後轉到 Gutenberg 選項是 WordPress 儀表板,然後單擊實驗,然後轉到啟用導航屏幕。 最後,單擊保存更改選項。

在此之後再次轉到古騰堡並單擊導航(測試版):然後通過單擊創建開始創建自己的菜單,然後單擊 + 加號。 現在使用拖放功能,您將能夠直觀地設計菜單。

如果您現在對創建的菜單感到滿意,請保存更改。 現在使用古騰堡的

3.支持視頻字幕

根據世界衛生組織(即世界衛生組織)產生的結果,超過 10 億人患有類似的疾病。 這意味著世界上超過 15% 的人口有殘疾。

僅僅創建可訪問的內容不僅僅是要做的事情。 它還可以改善您網站的受眾。

字幕非常重要。 有聽力障礙的人將更容易訪問您的內容。

字幕也是您網站上非常重要的 WordPress Gutenberg 更新,因此以防您的訪問者處於無法收聽音頻的嘈雜環境。

為了促進輔助功能,現在 Gutenberg 的視頻塊支持字幕。 您還可以在上傳視頻時提供字幕,例如 Web Video 文本軌道文件。 通過選擇文本軌道按鈕,您可以將網絡文件添加到視頻塊中。

4. 將不同塊轉換為單列的選擇

現在可以集成多個塊以形成單個列。 這很重要,因為它將為您的頁面提供一些靈活性。 此外,您可以創建一致的設計,因為您可以為列中的每個元素添加類似的格式。

您只需選擇要組合的第一個塊,以便將不同的塊轉換為單個列。 在此之後要突出顯示每個塊,您必須將其拖到新列中。

5.塊模式

您可以插入 WordPress 塊模式,即預定義的頁面佈局。 這種類型的模板將幫助您創建具有專業外觀和功能豐富的頁面,並且帖子將減少工作量。

這個 WordPress Gutenberg 更新起源於 WordPress 5.5。 但是,古騰堡插件帶有更多的塊模式。 在 Gutenberg 編輯器中,您需要單擊 + 加號才能訪問它們。 在此之後選擇模式選項卡。

這些選項將根據您使用的主題而有所不同。

Gutenberg 還發布了一個新的模式類別切換器。 這將幫助您找到您感興趣的特定模板。

它還將幫助您區分特定 WordPress 主題和默認模式中可用的模式。

6. 不再有 Instagram 和 Facebook 嵌入塊

很多時候,您可能需要在創建頁面或帖子時添加來自另一個網站的內容。 有時您可能還需要包含來自 Instagram 和 Facebook 等社交媒體網絡的完整提要或添加帖子。

使用 oEmbed API,WordPress 的用戶可以嵌入 Instagram 和 Facebook 內容。 但是,考慮到安全原因,Facebook 最近引入了對無令牌 oEmbed 的支持。 由於 Facebook 擁有 Instagram,因此此類更改也會影響其網絡。

為了響應 Facebook 的 API 更改,WordPress 從 Gutenberg 9.0 中刪除了 Instagram 和 Facebook 塊。 但是,此更改涉及 WordPress 核心 5.6。

但是,您仍然可以在帖子中添加 Instagram 和 Facebook 內容。 但要做到這一點,您必須添加第三方插件,也稱為 oEmbed Plus。

oEmbed plus
結論:

古騰堡是一個廣泛的學習主題。 您將負責所有新功能、改進和 WordPress Gutenberg 更新。 保持最新將幫助您創建最好的 WordPress 設計以在世界上競爭。