WordPress 的 14 個最佳 Gutenberg Block 插件

已發表: 2020-11-15

對古騰堡編輯的漫長等待終於結束了; 它現在可以在 WordPress 上使用。 它取代了舊的 TinyMCE 編輯器,為使用豐富的功能製作內容帶來了全新的概念。

使用古騰堡編輯器,您可以將您的內容分成多個塊。 您可以隨時添加更多或刪除包含您的內容的現有塊。 簡而言之,古騰堡編輯器與頁面構建器非常相似,它允許您拖放所有不同的內容塊。

當我們討論塊的主題時,請記住,古騰堡編輯器可以為您提供多種類型的塊類型,如引號、列、封面、圖像、標題、段落等等。 您還可以單獨編輯每個不同塊的選項。

Gutenberg 最顯著的功能之一是開發人員可以製作適合任何內容的個性化塊插件。 這些插件只能用於改進 Gutenberg 編輯器的功能和質量。

這些插件的一個很好的例子是您可以添加的“推薦”功能。 這些不同的插件可以做什麼沒有限制。

這篇文章展示了 Gutenberg 的十個最佳塊插件,這些插件可以提高整體質量,並確保您從Gutenberg 編輯器中獲取所有內容。

Gutenberg WordPress 編輯器改變了我們在為 WordPress 製作內容時查看塊的方式。 與 TinyMCE 將所有文本放在一個統一框中的經典方法不同,Gutenberg 為每條內容都有一個單獨的塊。

令人印象深刻的是,它帶來了第三方開發人員非常樂意抓住的機會。 它為他們提供了製作自己的自定義塊的工具,您可以在創建任何內容時將這些相同的塊與 Gutenberg 一起使用。

由於這種潛力,已經發布了大量用於塊的高品質Gutenberg 插件

目錄

古騰堡塊插件——它們是如何工作的?

雖然Gutenberg 塊插件使用起來非常簡單,但談論它們的工作原理仍然很好,因為它們仍然相對較新,而且您可能還不熟悉它們。

本質上,這些插件包含了所謂的“即插即用”模型。 安裝後,它們就可以立即使用並優化使用。 閒暇時開始從古騰堡界面添加新塊。

以下是前 14 個 Gutenberg 塊插件,它們向您介紹了使用塊自定義內容的新方法。

好好閱讀這篇文章,以便您可以從古騰堡編輯器提供的所有內容中獲得一切。

古騰堡的終極插件

古騰堡的終極插件

作為 WordPress 存儲庫中最著名的 Gutenberg Block 插件之一,我們擁有適用於 Gutenberg 的 Ultimate Addons。 由為 Beaver Builder、Schema Pro、Astra 主題、Convert Pro 和 Elementor 的 Ultimate Addons 提供 Ultimate Addons 的同一個人帶給您
這個插件集合為已經裝備精良的古騰堡編輯器添加了許多新塊。

該插件共包含十七個區塊; 它們是:
Ultimate Addons for Gutenberg 插件中的每個塊都是獨一無二的,可幫助您使您的網站成為令人驚嘆的景象。
該插件有利於性能,並且針對它進行了正確優化,這意味著您的網站永遠不會運行緩慢。 最重要的是,它也是免費的!

包括的塊:

  • 截面塊
  • 多按鈕塊
  • 高級標題塊
  • 後網格塊
  • 發布輪播塊
  • 後砌塊
  • 信息框塊
  • 谷歌地圖塊
  • 團隊塊
  • 內容時間線塊
  • 社交分享塊
  • 推薦塊
  • 圖標列表塊
  • 餐廳菜單塊
  • 發佈時間線塊
  • 號召性用語塊
  • 高級列塊
  • 塊引用塊
  • 聯繫表格 7 造型器塊
  • 重力形式造型器塊
  • 營銷按鈕塊
  • 價目表塊
  • 目錄塊

原子塊

原子塊

Guneberg Block 插件集合中另一個流行的插件是 Atomic Blocks。 由 Array Themes 的人員創建,它是一個包含不同類型塊的插件,可讓您更好地控制 Gutenberg 編輯器。

該插件使用起來感覺很棒,並且在塊的幫助下,您可以創建好看的帖子和頁面。 它也與任何主題兼容。
WP Engine 最近獲得了該插件。

目前,Atomic Blocks 增加了11 個新的塊,還有更多的塊:

  • 後網格
  • 容器
  • 見證
  • 內聯通知
  • 手風琴
  • 分享圖標
  • 呼籲採取行動
  • 可定制的按鈕
  • 隔板和隔板
  • 作者簡介
  • 下沉帽

高級古騰堡

高級古騰堡

這個插件是由 Joom United 的好人帶給你的,它是 Gutenberg 的一個很好的補充,它提供了一些很酷的 Gutenberg 塊。 這個塊中的許多塊都是獨一無二的,您在列表中的任何其他插件中都找不到它們。

然而,這個插件提供的不僅僅是塊。 創建自定義配置文件,然後將組和用戶分配給它們。 關於它的另一個好處是您可以更改古騰堡圖標的顏色。 最後但同樣重要的是,它允許您將自定義 CSS 樣式應用於段落塊。

總之,這個插件為您提供了許多很棒的功能,而且都是免費的。 使用它們進一步增強 Gutenberg 編輯器的功能。

包括的塊:

  • 最近的帖子塊
  • WooCommerce 產品塊
  • 高級按鈕塊
  • 聯繫表格塊
  • 高級列表塊
  • 地圖塊
  • 手風琴塊
  • 標籤塊
  • 計數器塊
  • 高級圖像塊
  • 高級表塊
  • 社交鏈接塊
  • 高級視頻塊
  • 圖像滑塊
  • 摘要塊
  • 推薦塊

古特布洛克

古特布洛克

Guteblocks 為您提供了一系列令人驚嘆的古騰堡積木。 使用它們幾乎毫不費力地為自己構建完美的網站。 Guteblocks 一開始只有幾個街區。

一段時間後,這個數字增長並達到了 34 個區塊,全部免費提供。 您可以在下面閱讀免費版 Guteblock 即將推出的區塊。

Guteblocks 背後的團隊正在尋求發布一個高級版本,該版本將很快包含更高級的塊。 Guteblock Pro 將包含 Amazon Affiliate Link Block、Add Event to Calendar Block、Stripe Payment Block、Paypal Donation Block、Advanced Button Block、Quick Contact Block等塊,而這僅僅是開始。

Guteblocks 背後的同一團隊最近為 WordPress 開發了一個新的多功能博客和雜誌主題,可以釋放 Gutenberg Blocks 的全部潛力。 Guteblog Pro 有九種前沿的佈局設計,都適合構建理想的博客或網站。 還包括一些演示,可幫助您在幾分鐘內設置您的網站。

一些流行的塊包括:

  • 團隊成員阻止
  • 推薦塊
  • 容器塊
  • 後網格塊
  • 分隔塊
  • 數字框塊
  • 下沉蓋塊
  • 通知
  • 號召性用語
  • 作者簡介
  • 共享圖標
  • 間隔和分隔塊

Kadence 積木

Kadence 積木

到目前為止,您只看到了只會增加 Gutenberg 編輯器的塊數的 Gutenberg 塊插件。 Kadence Blocks 與所有其他插件的不同之處在於它使您能夠毫不費力地設計和自定義佈局。 有了這個插件,頁面構建器將成為過去。

該插件中的每個塊都可以讓您控制列,並允許通過背景編輯和漸變疊加添加進行自定義。

Kadence Blocks 是完全免費的,它為 Gutenberg 編輯器帶來了新的變化。

一些流行的塊包括:

  • 行佈局塊
  • 標籤塊
  • 手風琴塊
  • 圖標列表塊

格威德

格威德

Getwid 由一個豐富的庫組成,其中包含用於多種用途的內容塊。 您可以將這些塊用於任何類型的網站,包括登錄頁面、博客、電子商務、小型企業網站或企業網站。

這個插件的創建者是 MotoPress。 他們的團隊對業務並不陌生; 他們在製作用戶友好的頁面構建器和編輯 WordPress 內容的工具方面擁有多年的經驗,例如 MotoPress 內容編輯器。

Getwid 也是為數不多的為 WordPress 提供超過 24 個免費塊的插件之一。

該插件與每個 WordPress 主題兼容。 這是因為 Getwid 構建的每個單獨的 Gutenberg 塊都會自動適應您已經使用的主題設計,並系統地與其他所有內容融合。

一些重要的塊包括:

  • 部分
  • 圖像熱點
  • 橫幅
  • 內容時間表
  • 滑塊
  • Mailchimp 選擇加入
  • 聯繫表
  • 顯示最近帖子的多個選項。

古騰堡的編輯器塊

古騰堡的編輯器塊

其中一個更簡單的 Gutenberg 塊插件,Gutenberg 的 Editor Blocks,為我們提供了一組特殊的塊,這些塊明確地創建用於構建漂亮的頁面。

插件創建者還製作了一個古騰堡塊庫,以幫助其用戶選擇他們想要的任何塊。

您可以免費獲得該插件。 創建者建議您始終使用“全寬”模板來配合這個插件。 他們還專門為這個插件定制了一個主題,你可以免費獲得。

其中一些塊包括:

  • 英雄方塊
  • 定價表
  • 團隊成員
  • 包裝塊
  • 見證
  • 品牌

澤固騰

古騰堡塊插件

ZeGuten 是一個非常實惠的塊包和為 WordPress 塊編輯器設計的各種佈局選項。

目前正在開發中值得一提的塊是粘性列、內聯 SVG 和滑塊塊。

對於帖子的塊,您有五種佈局可供選擇,讓您有很多工作要做。

一些最值得注意的塊是:

  • 帖子列表
  • 部分
  • 圖像比較
  • 進階地圖
  • 定價表
  • 旋轉木馬
  • 團隊成員
  • 感言

水獺積木

水獺積木

接下來,我們有水獺塊。 我們自己的 WordPress 塊插件的特殊迭代。 它是任何網站的整潔和受歡迎的補充。 隨意使用它,而不會對您的表現產生負面影響。

除此之外,您可以試驗十二個獨特的塊,直到找出最適合您的網站的塊。

Otter Blocks 是任何正在尋找服務模塊和定價等功能的博主和企業主的完美選擇。 這並不意味著它不適合其他任何人。 相反,Otter 為我們提供了用於一般用途的塊,可以幫助我們為任何網站類型構建出色的頁面和標題,而且價格為零。

包括的一些塊是:

包括的塊:

  • 截面塊
  • 高級標題塊
  • 按鈕組
  • 服務塊
  • 定價塊
  • 推薦塊
  • 谷歌地圖塊
  • 關於作者塊
  • 後網格塊
  • 字體真棒塊
  • 共享圖標塊
  • 插件卡塊
立即獲取

軌道狐狸

古騰堡塊插件

我們自己的另一個插件 Orbit Fox 提供了很多東西。 首先,該插件包含 22 個塊,包含眾多功能和更多自定義選項。 此外,此插件還包含其他獨特功能,例如社交共享模塊、Google Analytics 集成和內置內容交付網絡 (CDN)

您可以出於多種原因使用 Orbit Fox。 如果您正在尋找一些獨特的街區,它會非常方便。 它為您提供改進的功能,使您可以更高效地管理您的網站,同時提高其性能。

這個插件基本上取代了許多其他插件,使它們變得多餘,所以請隨意替換它們。 沒有主題與 Orbit Fox 不兼容; 您使用的一切都將與它一起完美運行,免費。

包括的塊:

  • 關於作者塊
  • 手風琴塊
  • 餅圖塊
  • 字體真棒圖標塊
  • 谷歌地圖塊
  • 通知塊
  • 插件卡塊
  • 帖子網格塊
  • 定價表塊
  • 我們的服務塊
  • 共享圖標塊
  • 推薦區塊
  • 點擊推文塊
  • 高級標題塊
  • 截面塊
  • 截面柱塊
  • 按鈕組塊
  • 手風琴物品塊
  • 推薦塊
  • 定價塊
  • 服務塊
立即獲取

古騰堡高級積木

古騰堡高級積木

不要讓名字欺騙你; 古騰堡高級積木完全免費。 它有 12 個模塊可供選擇,所有模塊都在設計時考慮了網站性能。

如果您發現由於某種原因仍然缺乏性能,您可以禁用您不打算使用的塊,以便您可以進一步優化您的速度。

在所有方面,Gutenberg 的 Premium Blocks 都是一個不錯的選擇,它為您提供了使用圖標、定價部分和手風琴標籤等所有基本工具。

毫無疑問,如果您正在尋找一個支持輕量級設計並且還可以優化以獲得最佳性能和速度的插件,那麼可以使用更好的 WordPress 插件之一。

包括的塊:

  • 橫幅塊
  • 按鈕塊
  • 計數器塊
  • 雙標題塊
  • 圖標塊
  • 地圖塊
  • 定價表塊
  • 截面塊
  • 推薦塊
  • 手風琴塊
  • 圖標框塊
  • 視頻盒塊
立即獲取

終極方塊

終極方塊

Ultimate Blocks 為我們免費提供了 18 個 Gutenberg 積木的集合。 其中一些塊包括任何其他插件中沒有的古怪塊。

一個這樣的獨特塊,即啟用模式的評論塊,可以選擇放入可以包含結構化數據的評論框,以幫助您從 Google 搜索中找到豐富的片段。 此塊允許您為不同的標准給出評級,然後將所有評級合併為一個。

還包括另一個單獨的星級評分塊,可單獨使用。

內容過濾器塊是另一個獨特的塊,它允許訪問者使用位於頂部的過濾器按鈕過濾內容,而無需重新加載頁面。

Ultimate Block插件目前有18個塊:

  • 內容過濾器
  • 審查(已啟用架構標記)
  • 目錄
  • 選項卡式內容
  • 呼籲採取行動
  • 內容切換(手風琴)
  • 功能盒
  • 通知框
  • 號碼框
  • 見證
  • 點擊推文
  • 社交分享
  • 倒數
  • 進度條
  • 星級
  • 圖像滑塊
  • 按鈕(改進)
  • 分頻器
立即獲取

曲貝利

古騰堡塊插件

來自 Themeum 的功能豐富的 Gutenberg 塊插件有兩個版本,免費核心版本和高級版本。 您可能還記得 Themeum 是為您帶來 Tutor LMS WordPress 插件的團隊,這是我們最近審查的學習管理插件。

Qubely 配備了各種不同的塊,並且擁有不斷增長的集合,其中包括 150 多個預構建的模板和部分,您可以在閒暇時編輯和導入。

Qubely的一些塊是:

一些值得注意的 Qubely 塊是:

  • 時間線
  • 後網格
  • 手風琴/切換
  • 高級文本
  • 視頻彈出
  • 谷歌地圖
  • 進度條
  • 按鈕
  • 見證
  • 標題
  • 櫃檯
  • 標籤
  • 圖標
  • 分頻器
  • 社會圖標
  • 按鈕組
  • 按鈕
  • 信息框
  • 高級列表
  • 聯繫表
  • 圖標列表
  • 價錢
  • 塊包裝器
  • 團隊
  • 圖片
立即獲取

共塊

古騰堡塊插件

早在 2019 年 4 月就被著名的 GoDaddy 域名收購,我們擁有 CoBlocks,一個著名的令人驚嘆的古騰堡區塊集合。

它的目標是擴展頁面構建用戶體驗並改進塊編輯器。

Coblocks 有超過三十一個佈局和塊。 創建者希望幫助您管理佈局和設計。 這就是他們添加靈活的列和行塊的原因。 還包括動態分隔器和形狀分隔器塊,以便您輕鬆拆分事物。

最後,他們添加了一個與 WordPress 和 CoBlocks 的默認塊兼容的排版控制面板,讓您可以完美地控制排版。

一些流行的塊包括:

  • 作者簡介
  • 食品和飲料
  • 形式
  • 英雄
  • 標誌和徽章
  • 發布輪播
  • 定價表
  • 服務
立即獲取

WordPress 塊插件– 結論

無論您決定使用這些 WordPress 插件中的哪一個,開始使用這些塊都很容易。

安裝並激活後,所選插件將為您提供手風琴部分。

如果由於某種原因看不到該部分,請按名稱搜索塊。

您應該記住,即使單獨使用WordPress 塊編輯器也非常方便。 基於塊的系統僅用於改進它,為您提供無限的擴展、創造力和可能性。 在創建獨特且流暢的內容以添加到您的網站時,您閱讀的每個塊都可以提供很大幫助。