擴展 Gutenberg Blocks 的前 10 個 Gutenberg Blocks 插件

已發表: 2019-04-06

Gutenberg 編輯器最終為 WordPress 的 WYSIWYG 內容創建添加了原生解決方案。 但是,它僅收集 30 個內容塊可能會限制您創建豐富的帖子和頁面的能力。 話雖如此,市場上有很多新的 WordPress Gutenberg 插件,允許您通過在庫中添加更多模塊來擴展 Gutenberg Blocks。

如果可以使用 Page Builder 插件,為什麼還需要 Gutenberg Blocks 插件?

Gutenberg 是一個本地解決方案,而頁面構建器來自第三方。 儘管頁面構建器具有許多有用的功能,但同時也使它變得相當沉重。 由於 Gutenberg 是一個本地帖子/頁面編輯器,它不會在您的網站上增加額外的負載。

現在,新的 Gutenberg 塊插件只提供新塊。 與專用的頁面構建器相比,這使得它們更加輕量級,同時為您提供可比較的工具集來創建類似豐富的佈局。

頂級古騰堡塊插件

1. 古騰堡街區

下載

wordpress 中的 Gutenberg Blocks 插件

從我們的列表開始,我們有 Gutenberg Blocks WordPress 插件。 它帶有一個龐大的塊庫,基本上將新的 WordPress 編輯器放在了類固醇上。 如果這還不是全部,該插件還允許您訪問 20 多個預構建的免費使用入門網站,這些網站使用古騰堡和您從該插件獲得的高級塊設計。

安裝後,該插件還將推薦您使用 Astra WordPress 主題。 它是免費使用的,並且僅使用此插件中的塊進行設計。 通過 Gutenberg 啟用和支持的插件,您將獲得前端自定義支持,以及與 WooCommerce 插件、learnDash 和類似插件的深度集成。

特徵:

  • 添加超過 20 個古騰堡塊來幫助設計您的網站。
  • 還提供 20 多種預構建的即用型網站模板。
  • 如果使用 Astra WordPress 主題,請啟用前端自定義選項。

以及更多。

2.原子塊

下載

wordpress 中的原子塊插件

接下來我們有 Atomic Blocks WordPress 插件。 它可以通過將 12 個新的強大設計模塊引入系統來幫助您擴展 Gutenberg 模塊。 從定價塊到號召性用語塊和推薦塊,額外的模塊將幫助您創建一個功能豐富的網站。

為了讓您不必從頭開始構建,插件背後的開發人員還整合了免費的 Atomic Blocks 主題。 所有插件塊都在這個主題中使用,因此可以通過 Gutenberg 編輯器輕鬆調整。 如果您正在尋找更高級的功能,還可以使用名為 Revolution Pro 的高級主題。

特徵:

  • 將 12 個新的古騰堡兼容塊添加到您的網站。
  • 與免費 WordPress 主題兼容的塊 - 原子塊主題。
  • 還兼容高級 WordPress 主題 – Revolution Pro。

以及更多。

3.可堆疊

下載

wordpress 的可堆疊插件

Stackable WordPress 插件在您的網站上引入了許多功能豐富的 Gutenberg 兼容塊。 它開箱即用,允許您使用所有不同的塊從一開始就創建強大的佈局。

除了在 CMS 中添加更多設計塊外,該插件還帶有免費的 Stackable 主題。 這為您提供了一個平台來建立您的站點結構。 您還可以訪問該插件的高級版本,這將使您可以訪問更多高級佈局、CSS 定制器和一堆高級效果。

特徵:

  • 通過引入 23 個更強大的塊來擴展 Gutenberg 塊列表。
  • 隨附免費的 Stackable WordPress 主題。
  • 訪問超過 50 種高級佈局。 (優質的)
  • 訪問一堆高級效果。 (優質的)
  • CSS 定制器。 (優質的)
  • 將來會添加更多塊。

4. Otter 的 Gutenberg 塊和模板庫

下載

用於 wordpress 的古騰堡塊和模板庫插件

正如您已經可以通過名稱猜到的那樣,我們有一個 Otter 的 WordPress 插件,它在您的網站上引入了一堆古騰堡塊和一個豐富的模板庫。 但是,儘管它收集了很棒的功能,但該插件非常輕量級,並且在您的網站上增加了最小的負載。

它在您的網站上引入了一組有用的塊,不僅有助於豐富您網站的 UX 和 UI,還使您能夠創建複雜的佈局。 例如,您將可以訪問一個 Section Block,它可以讓您僅使用 Gutenberg 添加列。

特徵:

  • 通過添加 12 個有用的塊來擴展 Gutenberg 塊。
  • 強大的部分塊允許您在頁面結構中添加列。
  • 一堆現成的模板也可用於快速建站。

以及更多。

5. CoBlocks

下載

用於 wordpress 的 CoBlock 插件

CoBlocks WordPress 插件添加了一個創新的塊集合,可以幫助您進行頁面構建。 不用說,新的 Gutenberg 編輯器可以使用這些塊,並且可以幫助您添加行和列以在您的網站上創建獨特的佈局。 事實上,與其將其視為擴展 Gutenberg 塊的選項。 您可以將其視為成熟的頁面構建器。

除了幫助您創建獨特的佈局外,您還可以使用它向您的站點添加動態生成的內容區域以及響應式邊距和填充。 還包括一堆有用的自定義選項,以幫助您進行排版控制、顏色自定義等。

特徵:

  • 在您的網站上添加 16 個新的古騰堡兼容塊。
  • 強大的網站建設者
  • 允許您創建自定義佈局以及調整填充和邊距內容區域。
  • 對排版和顏色的完全自定義控制。

以及更多。

6. 高級古騰堡

下載

wordpress 中的高級古騰堡插件

Advanced Gutenberg 添加了默認 Gutenberg 編輯器中缺少的所有額外和必要的設計塊,使其完全能夠創建專業級網站。 如果您作為一個團隊工作,該插件還添加了用戶版本配置文件以更好地控制您的網站設計。

該插件為您的 Gutenberg 編輯器添加了 20 多個特殊塊,包括高級圖像塊和視頻塊,以幫助您更好地控制媒體內容。 還添加了基本自定義選項,包括對自定義 CSS 的支持。

特徵:

  • 創建版本配置文件並將用戶或用戶組添加到這些配置文件。
  • 為每個版本配置文件選擇塊配置的選項。
  • 自定義 CSS 樣式。
  • 用 21 個高級塊擴展 Gutenberg 塊。

以及更多。

7. 街區畫廊

下載

wordpress 中的 Block Gallery 插件

Block Gallery,是適用於您的 WordPress 網站的 Gutenberg 兼容的畫廊塊套件。 該插件非常適合在其網站上處理大量圖像文件的用戶,並且可以幫助您在定制的畫廊中管理它們。

該插件有助於整合與古騰堡拖放手勢兼容的所有必要設計塊,以幫助您在網站上創建獨特的畫廊。 但話雖如此,您只能訪問用於設計畫廊的古騰堡街區,而不能訪問其他任何東西。

特徵:

  • 通過添加 Masonry Gallery、Stacked Gallery 和 Carousel Slider 塊來擴展 Gutenberg 塊。
  • 更多的區塊正在路上。
  • 大量的自定義選項。
  • 所有塊都是完全響應和移動友好的。

以及更多。

8. 終極方塊

下載

Ultimate Blocks Gutenberg Blocks 插件

Ultimate Blocks主要是一個 WordPress 塊編輯器插件,它提供 3 種類型的模式——評論、常見問題和 HowTo 模式。 擁有超過 10,000 個活躍安裝和 5 星評級,它被認為是最受歡迎的古騰堡插件之一。

它有超過 15 個自定義古騰堡塊。 其中三個啟用了模式。 第一個是審查塊。 它可以讓您為您的 WordPress 帖子/頁面添加一個漂亮的評論框另一種是具有常見問題解答模式選項的內容切換。 並且該插件還有一個專用的 HowTo 模式塊

特徵:

  • 提供 20 個古騰堡積木。
  • 3 種模式 – Review、FAQ Schema 和 HowTo Schema。
  • 啟用/禁用塊。
  • 搜索引擎優化友好。
  • 速度優化。
  • 完全免費

以及更多。

9. 古騰堡高級積木

下載

用於 wordpress 的 Gutenberg 插件的高級塊

古騰堡的高級塊讓您可以訪問一堆以性能為導向的古騰堡塊。 它遵循模塊化設計,並會自動禁用您不使用的塊以獲得更快的性能。

最重要的是,如果您的網站面向全球受眾,那麼您可以利用所有塊都準備好翻譯並且兼容 RTL 的事實。 此外,新塊會定期更新,因此您永遠不會對設計選項感到茫然。

特徵:

  • 通過添加 12 個新的高級塊來擴展 Gutenberg 塊。
  • 遵循模塊化設計方法。
  • 禁用所有未使用的塊以獲得更快的性能。
  • RTL 支持。
  • 翻譯準備好了。

10.嵌入新聞

下載

Wordpress 中的 EmbedPress 插件

現在,我們最終進入 Gutenberg 塊插件列表的是 EmbedPress。 它允許您使用 Gutenberg 兼容塊將 Google 服務嵌入到您的 WordPress 網站中。 安裝後,您會注意到一個新塊,您可以在其中粘貼 URL 鏈接。 該塊將自動識別 URL 所代表的內容並將其嵌入您的網站。

截至目前,它僅適用於谷歌服務,包括谷歌地圖、YouTube 視頻、文檔、表格等。 在未來的更新中將啟用與更多服務的兼容性,您將能夠將插件與 Facebook 帖子和視頻、不同的圖像網站和音樂網站一起使用。

特徵:

  • 允許使用 URL 嵌入不同的內容。
  • 目前僅與 Google 服務兼容。
  • 將通過即將到來的更新支持更多服務。

綜上所述

所以這些是我們挑選的 10 個最佳 Gutenberg Blocks 插件來擴展 Gutenberg Blocks。 請讓我們知道哪個插件對您來說最有希望,如果您有興趣使用這些插件來增強 Gutenberg 以用作成熟的頁面構建器。

您可能還想了解如何將現有的 WordPress 帖子轉換為 Gutenberg 塊。