15 個最佳 WordPress 古騰堡塊插件

古騰堡編輯器現在是 WordPress 的一部分。 如果您正在尋找最好的 Gutenberg 塊插件，我們在本文中列出了最常用的選項。

引入古騰堡編輯器後，您在帖子頁面上使用的所有元素都是塊。 如果要在帖子中添加圖像，則必須添加圖像塊，對於段落、圖塊和任何其他元素，您必須添加相應的塊並對其進行編輯。

因此，如果您的帖子需要任何其他功能，則必須添加這些額外的塊以添加選項。

WordPress 已經創建了許多不同的塊，例如文本塊、圖像塊、標題塊、表格、列、按鈕和許多其他塊。

我們在這裡創建了有關如何使用古騰堡編輯器的詳細教程，本文將幫助您理解並開始使用新的編輯器。

在我們繼續使用 Gutenberg 塊插件之前，讓我們看一下默認編輯器附帶的常規塊。

01.標題塊：您使用此塊為您的帖子或頁面添加標題。 通常，它用於在您的博客文章的副標題中添加 H2、H3 標籤。

02.段落塊：這將是您的 WordPress 網站上使用最廣泛的塊之一。 顧名思義，此塊將用於向您的博客文章添加內容。

03. 圖像塊：這是不言自明的。 您可以使用此塊將圖像添加到您的博客文章中。

04. 列表塊：您可以使用此塊在您的博客文章上創建項目符號。 這個選項在經典編輯器中也有。

05. Buttons ：我們曾經添加自定義代碼或短代碼插件來在經典編輯器上添加按鈕。 在引入 Gutenberg 之前，WordPress 沒有添加號召性用語按鈕的默認選項。 但是現在，它帶有一個默認塊來添加一個號召性用語按鈕。

06. 表格塊： WordPress 從來沒有在帖子中添加表格的選項，但是使用 Gutenberg，它帶有一個默認選項，可以在帖子中添加表格。 您可以使用表格塊以表格形式創建項目列表，或比較您在網站上展示的不同產品。

表格塊為您提供了一些自定義顏色設置的選項，但它是有限的。 因此，您的網站上可能仍需要一個高質量的表格插件。

07. Cover Block ：這是新編輯器的另一個非常有用的補充。 封面塊可以是一個非常有效的元素，可以創建高質量的文章，不同的部分被封面塊清楚地劃分。

08. 嵌入塊：現在嵌入來自 YouTube、Twitter、Instagram 等其他來源的內容比以前容易得多。 默認嵌入塊為您提供了許多選項來嵌入來自多個平台的內容。

09.列塊：使用古騰堡，您可以快速選擇在頁面上的帖子上創建多列內容佈局。

10. 格式化塊：默認的古騰堡編輯器為您提供了許多塊，您在編輯文本以外的內容類型時可能需要這些塊。 您有一個代碼塊、一個 HTML 塊等等。

11.畫廊塊：古騰堡也有一個默認的畫廊塊。 您可以在畫廊網格形式中高質量地添加多個圖像。 您可以上傳新圖片或為您的媒體庫選擇圖片以在您的帖子中展示。

在創建內容時，還有許多其他塊非常有用。

為什麼需要自定義 Gutenberg 插件？

由於 Gutenberg 已經在默認選項中提供了這麼多塊，幾乎可以滿足創建博客文章的所有需求，為什麼您需要自定義插件？

您需要自定義 Gutenberg 塊插件的主要原因是默認塊在設計可能性方面受到限制。 此外，您可能需要站點上的多個其他塊，這些塊在默認選項中尚不可用。

如果您正在管理一個非常簡單的博客，您只想發佈內容並且不需要任何擴展功能，那麼默認選項就足夠了。

Gutenberg 不僅僅是編輯器，它本身就是一個網站構建器，這些自定義 Gutenberg 塊插件使為您的網站創建美觀設計的過程變得簡單。

您可以使用以下許多塊插件為您的網站創建完全自定義的設計，您將不再需要網站構建器。

因此，事不宜遲，讓我們看看頂級 Gutenberg 塊插件。

古騰蜂

GutenBee 是另一個很棒的免費插件，它提供了大量的自定義 Gutenberg 塊選擇，使您的 WordPress 網站上的內容創建更容易、更靈活。

GutenBee 目前將 27 個自定義塊與新塊和定期添加的更新功能捆綁在一起。

使用食物菜單塊為您的酒吧或餐廳創建精美的菜單，其中包含圖像、價格和描述。

忘記地圖的無聊默認外觀，使用 Google 地圖塊，您可以選擇眾多捆綁的自定義樣式之一，甚至可以引入您自己的 SnazzyMaps 樣式來為您的聯繫頁面增添趣味。

評論塊允許您使用多個類別和自動平均評分來總結您的電影、食物、遊戲等評論。

創建具有視差和視頻背景的醒目橫幅，以吸引觀眾的注意力。

拖放內容中的帖子類型塊以創建具有可變列號、類別過濾等的帖子和自定義帖子類型列表。

當然，GutenBee 提供了所有基本塊，如段落、標題、選項卡、手風琴、圖庫、圖標塊等等。

GutenBee 塊提供廣泛的外觀選項，可自定義顏色、背景、邊框、陰影等。 此外，它們的可見性選項允許您根據正在查看的設備類型顯示或隱藏塊，或者為登錄或註銷的用戶顯示/隱藏塊。

原子塊：古騰堡編輯器的附加組件

一個免費且流行的 Gutenberg 塊 WordPress 插件，它為您的 WordPress 網站提供了許多有用的塊。

該插件由 WPEngine 團隊接管，因此您可以期待將來定期更新和有用的新塊。

該插件已經提供了一些非常有用的塊可供使用。

• 後網格塊
• 容器塊
• 號召性用語塊
• 可定制的按鈕
• 隔板和分隔
• 作者簡介
• 下沉帽
• 見證
• 內聯通知
• 手風琴
• 分享圖標

該插件簡單易用。 激活插件後，您將在管理後端獲得該選項。

該插件將在塊編輯器中添加一個新的原子塊選項。 您可以像任何其他 Gutenberg 塊一樣選擇任何現成的 Atomic Blocks 到您的頁面。

高級古騰堡

Advanced Gutenberg 是一個非常有用的 Gutenberg WordPress 插件，它將為您的 WordPress 站點帶來超過 20 個不同的有用塊。

這是由 JoomUnited 團隊創建的插件，該團隊提供了一些其他有用的 WordPress 插件以及 Advanced Gutenberg 插件。

激活插件後，您將在管理儀表板中獲得該選項。 該插件為您提供了創建其他配置文件並根據角色或配置文件分配塊的選項。

您可以在編輯帖子時添加高級塊，並在 Gutenberg 編輯器上對其進行自定義。 該插件通過許多附加功能增強了一些最重要的塊，例如圖像、按鈕等。

Gutenberg 提供了許多創建豐富文章設計所需的塊，例如按鈕、表格等。但設計選項有限。 Advanced Gutenberg 插件通過新的設計選項以及該插件帶來的其他塊來增強所有這些現成的塊。

讓我們看一下表格功能。

如果您想為任何產品或服務放置比較表，默認的 Gutenberg 表在設計方面非常有限，Advanced Gutenberg 將通過為其添加樣式選項使其完整。

Spectra（古騰堡以前的終極插件）

作為頂級 Gutenberg Blocks WordPress 插件之一，Spectra 為您的網站帶來了許多有用的塊。

大量用戶已經在使用該插件。 如果您正在為您的網站尋找最好的 Gutenberg 塊插件，您可以使用此工具。

以下是終極附加插件提供的一些重要模塊。

• 高級專欄
• 高級標題
• 呼籲採取行動
• 谷歌地圖
• 時間線帖子
• 帖子佈局
• 價位表
• 和更多

如果您正在尋找為您的博客創建漂亮的基於網格的佈局的選項，則無需安裝任何額外的插件，因為 Spectra 插件附帶為您的網站創建不同類型的帖子佈局的選項，包括 Masonry網格佈局。

此外，如果您正在管理一個需要包含 Google 地圖的網站，您可以使用該插件在您的帖子中插入地圖，我們已經發表了一篇文章，向您展示如何使用 Ultimate 插件插件插入 Google 地圖。

部分塊是另一個有用的選項，您可以使用它為您的博客文章創建一個漂亮的佈局。 這些盒裝和全角部分在早期使用 WordPress 是不可能的，至少在不使用網站構建器的情況下是不可能的。

現在，使用 Spectra 真的很容易。 總的來說，這是您可以在您的網站上使用的最好的 Gutenberg 塊插件之一。

終極方塊

目前 Gutenberg 的 Ultimate Blocks 為您提供 14 種不同的塊，團隊正在開發許多新塊，使其成為 Gutenberg 編輯器最全面的解決方案之一。

該插件非常簡單且易於上手。 激活插件時，您將在 WordPress 管理面板中看到插件選項。 默認情況下啟用所有塊，如果您不想使用它們，您可以選擇禁用任何塊。

當您創建一個新帖子時。 您將看到 Ultimate Blocks 選項的新塊組。 您可以將它們用作任何其他默認的 Gutenberg 塊。

該插件為您提供博客作者經常需要的一些非常重要的塊，例如目錄、星級、點擊推文、通知框、倒數計時器等。

因此，此插件將淘汰您當前在您的網站上使用的許多不同插件，因為它可以單獨完成所有這些任務。

如果您需要插件方面的任何幫助，開發人員會提供強大的支持。 因此，如果您已經開始使用 Gutenberg 編輯器，請使用 Ultimate blocks 插件將其提升到一個新的水平。

曲貝利

Qubely 是一個 Gutenberg 塊插件，它最大限度地減少了 Gutenberg 編輯器的所有限制並開闢了新的可能性。

您可以使用 WordPress 默認編輯器上的 Qubely 自定義塊創建任何復雜的佈局。

使用 Qubely 設計定價計劃、功能、推薦、進度條等。 在網格和列表視圖中展示帖子，時尚地展示團隊成員，並彈出視頻以吸引更多訪問者。

通過應用開箱即用的樣式選項，完全控制 WordPress Gutenberg 塊編輯器。

Qubely 提供現成的部分、佈局包、形狀分隔器、設備特定的響應控制系統、排版控制選項和許多其他功能和元素。

Qubely 使用自定義 Gutenberg 塊來處理您的網站設計。 Qubely 塊功能強大且用戶友好。

您有很多選擇來調整設計並以任何您想要的方式顯示內容。 Qubely Gutenberg 插件中的塊數隨著其更新而增加。

Qubely 已經有 26 個完全免費的區塊供您使用。 未來幾天還會有更多區塊出現。

一些值得注意的 Qubely 塊是：

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

可堆疊

Stackable 是另一個值得一提的插件。 這個插件添加了許多非常有用的塊，可以在創建具有不同元素（如數字、計數器、帶背景圖像的文本等）的頁面時使用。

當您激活此插件時，它會添加一個新的塊部分，您可以在創建豐富的頁面設計時使用它。

該插件提供的一些重要塊是

• 牌
• 計數器
• 容器
• 特色網格
• 見證
• 通知塊
• 團隊成員阻止
• 和更多

格威德

如果您正在尋找一個全面的免費 Gutenberg 插件選項，這對您來說是一個不錯的選擇。

MotoPress 的這個插件帶來了 29 個非常有用的塊，您可以在 WordPress 網站上使用它們。

以下是 Getwid 插件提供的一些重要模塊

• 部分
• 高級標題
• 按鈕組塊
• 評論
• 進度條
• 櫃檯
• 最近的帖子
• 價格框
• 社交鏈接
• 圖像堆棧庫
• Instagram
• 橫幅
• 見證
• 價格框
• 社交鏈接
• 最近的帖子

使用這個與 Getwid 插件完全兼容的插件，您將獲得一個漂亮的免費 Gutenberg 兼容主題。 一旦你有了這個組合，你就不會為你的網站提供另一個網站構建器。

CoBlocks：內容營銷人員的古騰堡塊

顧名思義，這個插件提供了對營銷人員有用的塊。 該插件由 ThemeBeans 團隊創建。

這是此插件提供的塊

• 手風琴塊
• 警報塊
• 社交分享塊
• 作者塊
• 動態 HR 模塊
• 點擊推文塊
• GIF 塊
• GitHub Gist 塊
• 定價表塊
• 高亮塊

博克茲

Bokez 是另一個令人驚嘆的 Gutenberg 塊集合，您可以使用它來創建頁面。 它為您提供了一些非常重要的塊，如推薦、手風琴、後網格、封面塊等等。

古騰堡的編輯器塊

如果您正在尋找可用於創建具有不同塊和元素的完整登錄頁面的插件，那麼這對您來說是一個不錯的選擇。

該插件為您提供了許多非常有用的 Gutenberg 塊，您可以使用它們來創建包含英雄部分、內容包裝器、團隊、定價表等的登錄頁面。

軌道狐狸

Orbit Fox 是一個非常方便的 WordPress 插件，具有許多有用的功能和選項。 通過提供所有這些功能，這一個插件可以替換許多其他插件。

從簡單的 Google Analytics 集成到現成的頁面模板，它應有盡有。

該插件還為 Elementor 和 Beaver Builder 等網站建設者提供了許多附加組件和小部件，使其成為非常有用的產品。

它為您提供社交共享按鈕，您可以從大量選項列表中選擇您希望使用的按鈕，它為您提供現成的頁面模板，您可以使用這些模板在您的網站上創建漂亮的登錄頁面。

最重要的是，您將獲得 1 GB 的免費 CDN 流量，它將優化您網站上的圖像，使其加載更快。

水獺積木

Otter Blocks 是另一個非常有用的 Gutenberg 塊插件，您可以在 WordPress 網站上免費使用它。

這個輕量級插件將幫助您創建一個視覺上吸引人的網站。 該插件為您提供了許多不同的塊。

它帶有一個現成的模板庫，您可以一鍵將其插入頁面並根據需要進行編輯。

因此，如果您想避免那些減慢您網站速度的代碼繁重的網站建設者，這個插件將為您解決問題。

重要區塊

• 節塊
• 滑塊
• 高級按鈕
• 高級標題塊
• 後網格塊
• 定價塊等

Kadence 積木

Kadence Blocks 插件本身就是一個網站構建器，它將確保您不再需要網站構建器來為您的網站創建完全自定義的設計。

無論您管理什麼樣的網站，無論是簡單的博客還是電子商務網站，Kadence Blocks 插件都會負責您網站的設計。

該插件提供了許多不同的塊，您可以根據需要將它們組合在一起並自定義主題，以使您的網站看起來完美。

事實上，該插件附帶了許多現成的網站演示模板，您可以在您的網站上導入和使用這些模板。 由於該插件簡單易用，即使您是一個完整的新手，您也可以自定義它。

任何古騰堡塊的額外塊設計、樣式、CSS

這是另一個 Gutenberg 插件，但不是用於添加新塊，而是為您已添加的插件設置樣式。

如果您活躍於 WordPress 社區，您可能知道像 CSSHero 這樣的插件，這些插件是為非設計師創建的，用於通過視覺樣式動態編輯 CSS 代碼。

這是一個這樣的插件，它與添加到此列表中的大多數 Gutenberg 插件完全兼容，您可以使用此插件來設置您通過所有這些塊插件添加的塊的樣式。

這個插件帶有 60 多個設計選項。 因此，如果您不是對 CSS 樣式代碼不滿意但希望自定義塊的外觀和感覺的人，那麼此插件適合您。

最後一句話

這些是您可以在 WordPress 網站上使用的一些最好的 Gutenberg 塊插件。 在未來的日子裡，我們將看到許多與 Gutenberg 相關的插件。 在某種程度上，這些插件的工作方式類似於舊 WordPress 中的簡碼，我們用來向我們的頁面添加不同的功能。

現在，在新版本的 WordPress 中，這些成為塊或選項來增強現成的塊以使其更好。

隨著我們繼續測試更多插件，我們將添加更多Gutenberg WordPress 插件，因此，不要忘記將此頁面添加為書籤並稍後檢查更多選項。