適用於 WordPress 2022 的 15+ 個最佳 Gutenberg Blocks 插件
已發表: 2022-02-08這個最好的古騰堡塊插件列表是全面的、徹底的和有用的。 Gutenberg 是新的 WordPress 基於塊的編輯器，它取代了 WordPress 5.0 中的 WordPress 編輯器。 它徹底改變了在 WordPress 上創建內容的方式。 例如，您可以將多種媒體類型添加到您的網站，並使用這些塊更改頁面的佈局。 編輯器使所有內容塊都可拖動。
Gutenberg 塊是編輯器塊，您可以使用它為您的網站創建內容佈局。 WordPress 默認帶有基本的內容塊，包括按鈕、段落、圖像和列表。 但是，內容管理系統的默認版本並未附帶您可能需要的所有塊。 這就是為什麼您需要在您的網站上安裝 WordPress Gutenberg blocks 插件的原因。 這篇文章是最好的 Gutenberg 塊插件的目錄及其功能和元素。
最佳古騰堡塊插件詳細信息如下：
共塊
CoBlocks 是一個極好的 WordPress Gutenberg 塊插件，它提供了一個創新的 WordPress 塊集合。 使用此插件，您可以使用行和列塊將內容區域添加到您的頁面。 這些區域將具有完全響應的邊距和填充設置，如果沒有 CoBlocks，這些設置將難以訪問。 您可以廣泛地設置所有這些塊的樣式，以便您可以實現每個塊的外觀和效果。
形狀分隔線是您可以設置內容塊樣式的方式之一。 它允許您使用優雅的分隔符分割內容。 CoBlocks 允許您使用自定義控件和設置來處理塊。 輪播圖庫塊使您能夠創建最優雅的界面來顯示您的媒體項目集合。 CoBlocks 允許您使用其排版控制面板輕鬆更改內容的字體。 您可以設置字體大小、粗細、轉換和其他方面。
CoBlocks 是一套優秀的 WordPress Gutenberg 塊。 它提供了 30 多個區塊，其中包括社交支持區塊。 這意味著您網站的內容在社交平台上是可見和可共享的。 這些塊包括“點擊推文”塊、社交分享塊和社交資料塊。 CoBlocks 為某些電子商務元素提供了最好的 Gutenberg 塊。 例如，定價表塊非常適合讓您輕鬆獲得價格規定，節省您的時間並增加您的收入。
PostX
PostX 是另一個用於創建高質量網站的頂級 WordPress Gutenberg 塊插件。 該插件為更好的站點提供了許多塊和功能。 它帶有 19 個用於網站帖子的華麗 WordPress Gutenberg 塊。 PostX 有 1 個用於發布滑塊的 Gutenberg 塊，因此您可以像只有滑塊允許的那樣優雅地展示您的內容。 另一個塊是具有動畫效果的動態帖子滑塊。 當您修改您的帖子塊時，您可以應用任何 88 多種預製塊設計。
使用 PostX 創建博客網站時，您可以使用終極控件來自定義博客列表和發佈網格塊。 創建時考慮到博客，這個插件支持使用谷歌字體編輯塊。 這些塊帶有高級排版控制，因此您可以組合各種字體以獲得優雅和品牌。 PostX 具有 SVG 自定義圖標，您也可以將其與任何塊一起使用。
PostX 的高級版本帶有 Gutenberg 存檔構建器，可為您提供額外的自定義自由。 此版本還允許您為每個類別分配不同的顏色。 它還提供高級和熱門帖子的快速查詢選項。 PostX 插件的免費版本帶有加載更多分頁選項，以便您的內容快速加載。 它還與簡碼兼容，因此您可以輕鬆地將塊添加到您的頁面。
可堆疊
Stackable 使您能夠創建具有最佳 Gutenberg 塊的動態網站。 其輕量級自定義塊為您提供了具有最高性能能力的簡單自定義選項。 使用此插件，您可以將古騰堡編輯器本身變成一個頁面構建器。 Stackable 為 Gutenberg 提供了大約 35 個靈活、可定制的塊。 其中有高級內容顯示塊，包括欄目、標題、文本和圖像塊。
此 WordPress Gutenberg 塊插件附帶的頁面構建器設計選項非常適合通過多種選項微調您的創作。 塊排版設置與 Google 字體選項相結合，足以提供優雅和可讀的內容。 您可以在懸停時利用多個塊佈局和動畫塊以最優雅的方式呈現您的內容。 Stackable 具有適用於所有內容塊的高級圖標選項。
您可以使用此插件附帶的選項創建動態 WordPress 內容。 選項包括動態內容、內置自定義字段、塊條件顯示和查詢循環完全自定義。 如果您有代理機構，Stackable 允許您通過其代理工具塊有效地迎合您的客戶。 它們包括角色管理器和 Block CSS 定制器。 該插件附帶的集成包括 WPML 翻譯插件、Font Awesome 圖標、工具集、Google 字體、ACF 和 Blocksy。
古騰堡的終極插件
古騰堡的終極插件帶有先進且強大的塊，可幫助您快速創建網站！ 星級評分是與潛在客戶建立信任的一種簡單方法，星級評分塊可幫助您將他們添加到任何頁面。 表格對任何網站都至關重要。 表單塊非常適合創建聯繫表單、建議、新聞通訊和其他類型的表單。 該插件允許您添加電話號碼、消息框、電子郵件、姓名和復選框等字段。
古騰堡 Ultimate Addons 附帶的選項卡塊增強了用戶體驗。 該塊為您提供了一種簡單的方式來展示選項卡式內容，這對於在非常小的空間中添加長內容至關重要。 Lottie 是一個為任何頁面設計添加動畫的塊。 如果您想完全控制動畫觸發器、速度和其他選項，它就在那裡。 這個 WordPress Gutenberg 塊插件有一個審查模式塊，允許您通過單擊啟用審查模式支持。
分類列表塊允許您顯示帖子、頁面和帖子類型的類別。 您可以使用帶有顏色和版式設置的列表、網格或下拉佈局來設置顯示樣式。 使用 Blockquote，您可以展示具有許多自定義選項的時尚和設計格式的可推文文本。 時間線塊允許您在您的網站上創建驚人的時間線。 你可以用它來展示你公司的進步、歷史，甚至你的成就。
獺
Otter 是與 WordPress 編輯器一起使用的一些最佳 Gutenberg 塊和模板的另一個動態集合。 它專注於提供盡可能多的定制所需，同時保持輕量級，以保持較高的站點速度。 Otter 非常適合創建帶有現成塊的個人博客或電子商務商店。 它允許您在幾秒鐘內將基本塊轉換為優雅的佈局。 這個 WordPress Gutenberg 塊插件使您的拖放界面更易於使用。
Otter 具有部分塊，使您能夠創建創新的佈局，從而促進出色的可讀性和高視覺吸引力。 您可以使用 Gutenberg 創建自己的佈局，也可以選擇 Otter 附帶的佈局之一。 它提供的每個模板和佈局都設計有用於控制填充和邊距的響應控件。 他們的終極體驗都完全響應在移動設備、台式機和平板電腦顯示器上的查看。
Otter 隨附的模板庫包含 50 多個不同的模板，為您提供創作自由。 它提供了許多具有風格變化的元素，因此您可以創建最優雅的頁面。 此插件隨附的 Google 地圖塊經過重新設計，可提供更多功能和控制。 您可以自定義標記的顏色和描述、更改大小和样式、按坐標或名稱搜索，以及添加和刪除地圖控件。
古騰托
Gutentor 是一個頁面構建 WordPress Gutenberg 塊集合，為網頁設計提供了無限的可能性。 此插件附帶的塊的優雅設計和高級功能可讓您實現您的夢想網站。 Gutentor 附帶的多功能美觀的積木可以在以後切換和定制。 這個 WordPress Gutenberg 塊插件是輕量級的，並針對流暢和快速的性能進行了優化。 它通過為動態 CSS 使用內部和外部 CSS 文件來促進進一步優化。
由於 Gutentor 對 SEO 友好，它提供的所有塊都將提高您的內容在 Google 等搜索引擎上的可見性。 由於所有的塊和模板都精心製作，您將獲得快速的設計體驗。 您不必使用 Gutentor 添加任何行或列。 當您將塊添加到您的站點時，您就完成了。 插件中有一個中繼器字段，用於在塊內創建新項目。 它具有編輯、刪除和拖放重新排序選項。
如果您是一位創意設計師，您會發現可自定義的元素（例如行和列）很有幫助。 Gutentor 附帶的每個塊都有用於 HTML 標籤、背景、邊框、框陰影、邊距填充和內置動畫的高級選項。 對於此插件中的每個塊，您可以獲得針對不同類型頁面的單個和多個設計。 如果您想在背景中嵌入視頻，如果您不想直接上傳視頻，可以從 YouTube 或 Vimeo 嵌入視頻。
格威德
Getwid 是 40 多個 WordPress Gutenberg 塊的集合，它們極大地擴展了默認編輯器的塊。 它還帶有超過 35 個獨特的塊模板。 它的整體佈局和功能對開發人員友好，便於實時定制。 Getwid 允許您為視頻、滑塊和圖像構建自定義頁面部分。 然後，您可以應用不同的動畫、形狀和顏色。 您使用該插件獲得的高級標題塊為您提供了一個帶有排版控制的控制面板，用於創建最吸引人的標題。
您可以使用 Getwid 的自定義標記輕鬆地將 Google 地圖嵌入到您的頁面中。 如果你想要一個帶有圖標的用戶界面，你可以利用插件提供的圖標塊。 圖標框也可用於帶有圖標的標題和文本框。 然後，您可以修改大小、顏色和懸停效果。 另一方面，您將獲得一個圖像框塊，以更好地呈現帶有動畫效果的圖像。
Getwid 允許您為任何社交平台添加社交圖標並為所有設備自定義它們的對齊方式。 如果您想在您的網站上做廣告，您可以利用橫幅塊展示具有大量自定義選項的最佳廣告演示。 圖像滑塊塊在導航樣式、圖像大小和動畫效果方面提供了更多自由。 Getwid 允許您使用人員塊輕鬆創建團隊展示。 您也可以使用價格框塊進行比較和定價表。
幽靈套件
除了 WordPress Gutenberg 塊和模板外，Ghost Kit 還為您帶來大量擴展。 它為您提供了與最好的通用頁面構建器一樣多的控制權。 Spacings 是插件附帶的擴展，可以輕鬆地為插件和核心 Gutenberg 塊添加間距。 自定義 CSS 和 JavaScript 擴展可在所有頁面上訪問，並允許您將兩種代碼變體添加到當前頁面或整個站點。
如果您有任何想要銷售的產品或服務，您可以使用定價表塊來展示您的服務成本。 Twitter 塊非常適合顯示您的 Twitter 提要和用戶數據。 Ghost Kit 有一個小部件區域塊，您可以使用它在側邊欄上放置小部件的創建區域。 您可以使用 GIF 塊從 Giphy 搜索和插入動畫圖像。
Ghost Kit 允許您使用 reCAPTCHA 功能將聯繫表格添加到您網站上的任何頁面。 您可以使用 Google 地圖塊在您的頁面上顯示帶有自定義標記、樣式和設置的地圖。 當您將一些訂單帶到您的網站時，您會發現目錄塊非常有用。 您需要做的就是解析內容中的頁眉。 進度塊非常適合顯示用戶的工作、技能和收入的進度。
原子塊
Atomic Blocks 或 Genesis Blocks 具有精美的設計，可以輕鬆定制您的最終佈局。 該插件支持 Accelerated Mobile Pages，它內置在它擁有的每個塊中。 高級列、部分和佈局塊可以輕鬆創建最簡單的頁面和內容。 Atomic Blocks 支持創建具有定價塊的電子商務網站，您可以在其上分解您的服務和產品價格。
您需要推薦來證明您的可靠性：這個 WordPress Gutenberg 塊插件提供了一個優雅的推薦塊。 共享圖標塊易於使用，因此您可以添加有助於快速共享任何頁面和帖子的圖標。 Atomic Blocks 具有號召性用語塊，可用於提高頁面瀏覽量、產品銷售和電子郵件訂閱。 容器塊有助於將單獨的容器收集到一個父容器中，以便您可以創建具有不同內容部分的頁面和帖子。
內聯通知塊允許您在頁面上添加和自定義帶有可編輯文本、標題和通知顏色的通知框。 您還可以更改其字體大小並使其可忽略或始終顯示。 Atom Blocks 有一個可自定義的按鈕塊，您可以將其添加到具有各種功能的頁面和帖子中，包括大小、形狀、顏色、文本顏色以及在新窗口中打開。
古騰堡街區
Gutenberg Blocks 是一個有用的即用型 WordPress Gutenberg 塊集合，其中包括許多通用 UI 塊，可提供更多自定義選項。 使用它的表格構建器塊，您可以為不同的目的創建可下載的表格並直觀地顯示它們。 包是當您想要顯示文件、下載或包時會派上用場的塊。 Gutenberg Blocks 有助於顯示具有不同過濾器的查詢下載管理器項目。
類別塊非常適合顯示您想在您的網站上顯示的類別。 Gutenberg Blocks 有一個註冊表單塊，您可以將其放置在您網站的任何位置，以便用戶可以在您的網站上註冊不同的角色。 還可以使用登錄表單，以便您可以創建用戶登錄的會員網站。
Gutenberg Blocks 附帶的最好的 Gutenberg 塊之一是它的儀表板塊。 它允許您將漂亮的用戶儀表板添加到您的站點。 搜索結果塊對於在您的頁面上添加搜索選項非常有效。 這個插件允許您將包嵌入到您的頁面中以供下載。 WordPress 下載管理器的類別塊將在具有不同佈局樣式的用戶友好塊中顯示選擇的類別。
古騰比
Gutenbee 為您帶來了許多 WordPress Gutenberg 塊，它們將極大地增強您的編輯體驗。 手風琴允許您將網站上的內容組織成手風琴元素。 然後，您可以直接在 WordPress 編輯器中編輯每一寸內容，選擇您想要的任何顏色組合。 Gutenbee 有一個橫幅塊，用於創建有吸引力且靈活的橫幅。 它甚至支持視頻背景，以便您可以將用戶的注意力吸引到優惠和活動上。
發布可操作的內容時，您需要使用按鈕塊。 它使您可以一次添加至少一個按鈕並自定義其顏色、對齊方式和邊框。 Gutenbee 提供了一個強大的容器塊，允許在列中分組或拆分高度響應的內容。 當您有即將發生的事件時，倒計時塊非常適合。 一旦你選擇了日期、排版、顏色和佈局，你就可以開始了！
Gutenbee 必須提供的另一個最好的 Gutenberg 塊是推薦塊。 它使您能夠用現有客戶的評論給潛在客戶或客戶留下深刻印象。 如果您正在與餐廳網站打交道，您會喜歡美食菜單塊。 它可以讓您以時尚的方式展示您的菜餚和飲料。 Gutenbee 提供了一個圖像比較塊，非常適合想要展示前後圖像的用戶。
編輯工具包
EditorsKit 為您的網站提供了一組令人印象深刻的塊選項。 這個 WordPress Gutenberg 塊插件提供了 10 多種富文本格式，用於創建出色的內容。 您可以在編輯器上輕鬆插入特殊字符和符號。 塊可見性的控制權在您手中。 EditorsKit 允許您基於高級自定義字段插件顯示或隱藏 Gutenberg 塊。 您還可以在不同類型的設備上隱藏或顯示塊。 該插件還允許您控制登錄/註銷狀態的可見性。
古騰堡提供顯示您的內容的字數。 EditorsKit 對此進行了擴展，以允許您也顯示預計閱讀時間 (ERT)。 由於此插件已準備好簡碼，因此您可以使用簡碼在任何帖子上顯示 ERT。 您可以自由選擇在您的網站上顯示圖像和封面的樣式。 這些樣式包括圖像幀和陰影的自定義形狀。 除了 Gutenberg 提供的樣式之外，列表塊的其他樣式選項包括箭頭、交叉、連接、加星標、虛線和選中列表。
使用 EditorsKit，您可以更改不同設備的文本對齊方式。 您還可以使用高級面板下的簡單切換選項輕鬆選擇一些想要全屏顯示的塊。 該插件還允許您通過單擊切換來隱藏您網站上的帖子、頁面或帖子類型的標題。
終極方塊
如果您是營銷人員或博主，Ultimate Blocks 是一個絕佳的選擇。 它使您的網站對您和您的用戶非常友好。 內容過濾器塊允許您的訪問者根據不同的標準過濾內容。 您可以使用產品名稱、摘要、功能、按鈕和星級將評論塊添加到您的任何頁面。 此塊針對 Schema 標記進行了優化，因此可以提升您的 SEO。 Ultimate Blocks 有一個用於“HowTo”模式帖子的塊。 它具有步驟、部分和有效的模式數據。
Ultimate Blocks 允許您從預先編寫的標題輕鬆生成目錄。 您還可以將內容添加到標籤中的帖子和頁面。 Gutenberg 的拖放功能使您可以輕鬆地對選項卡進行排序。 號召性用語塊帶有一個完全可自定義的按鈕。 您可以在手風琴中添加內容，以便您的用戶可以展開它們以查看內容。
這個 WordPress Gutenberg 阻止插件允許您在帖子和頁面中添加內容，用戶只需點擊這些內容即可發布推文。 可擴展塊還允許您添加可擴展內容。 您可以通過單擊“顯示更多”部分隱藏內容並允許顯示所有內容。 Ultimate Blocks 帶有一個社交共享塊，可讓您添加可自定義的按鈕，以便輕鬆共享您的帖子和頁面。
PublishPress 塊
PublishPress Blocks 本質上是最好的 Gutenberg 塊的令人欽佩的集合。 其最顯著的特點是最新的內容或新聞顯示時鐘。 它允許您以許多不同的佈局顯示帖子和頁面。 您可以控制誰使用您通過 PublishPress Blocks 發布的每個塊。 該插件使您能夠將自己的自定義 CSS 樣式添加到您的塊中以及在編輯您的帖子時。 您可以從許多頁面構建器佈局中進行選擇，每種佈局都可以完全自定義並響應所有設備。
當您希望盡可能少地顯示長內容時，PublishPress Blocks 附帶的手風琴塊為您提供了完美的工具包。 基於古騰堡默認按鈕塊的按鈕塊是改進版本，具有附加功能。 它具有懸停、邊距、填充、陰影、邊框和其他選項。 PublishPress Blocks 附帶的聯繫表單塊非常適合創建無限表單並將它們放置在您的任何頁面上以收集用戶消息。
當您想在您的網站上顯示顯眼的數字時，計數塊會派上用場。 您可以使用它來展示籌集的資金金額、客戶數量和其他數字。 Google 地圖塊讓您可以使用工具提示、自定義圖標、縮放級別、描述和自定義顏色等功能創建地圖。 圖像和圖像滑塊組可讓您優雅地展示圖像。
卡登斯
Kadence Blocks 使用有用的 WordPress Gutenberg 塊促進您的自定義功能的擴展。 在這些塊中是行佈局，這是一種製作和展示嵌套在容器或列中的塊的行的簡單方法。 高級圖庫可幫助您創建最令人驚嘆的滑塊、輪播和照片庫。 它包含自定義鏈接、標題和其他有助於改進 SEO 的元素。 由於 Kadence 允許您選擇較小的圖像尺寸，它有助於更快的網站。
高級標題鎖定可讓您轉換標題並自定義字體顏色、大小、樣式、系列，甚至突出顯示您想要的單詞。 您使用 Kadence 獲得的高級按鈕允許使用懸停控件和旁邊的圖標進行廣泛的樣式設置。 信息框是用於展示圖標或圖像的塊，這些圖標或圖像通過有吸引力的樣式選項傳遞有用的信息。
一旦您定義了塊的默認設置，Kadence 的配置設置就會使您在添加新塊時，它們將採用預定義的設置。 間距控件確保塊的填充和邊距的精確間距和設計。 您可以通過操作此插件的可見性控件來隱藏某些用戶角色的塊。 顏色和背景控件允許您自定義疊加層、邊框、漸變和視差背景。 使用 Kadence，您可以確保您的網站僅在需要時加載 JavaScript 或 CSS，並且只加載您想要的塊。
特溫蒂格
Twentig 通過其最佳 WordPress Gutenberg 塊的集合，可以輕鬆構建滿足您需求的最佳網頁。 它提供了一種使用各種標題佈局的簡單方法，甚至為您提供了一個粘性標題選項。 您可以自定義標題寬度並使用各種預定義的裝飾對其進行自定義。 Twentig 允許您選擇徽標寬度，並為您的徽標顯示提供透明標題選項。 使用此插件，您可以選擇僅在平板電腦上顯示漢堡菜單。
Twentig 允許您在處理內容顯示時設置文本寬度。 在博客佈局選項中，它附帶了堆棧、帖子網格和帖子網格卡。 您可以選擇要為後網格佈局顯示的列數。 特色圖片和帖子標題佈局是完全可定制的。 Twentig 允許您使用 Google 字體配對、預設、設置和顏色選項為您提供大量的排版選項。
使用 Twentig，您可以嵌入來自 YouTube、SoundCloud、Vimeo 的視頻，並上傳 HTML 文件。 該插件允許您選擇媒體內容框架的樣式。 可供您使用的圖像樣式包括圓角、框架、邊框和陰影。 您可以展示帶有文本懸停效果的社交圖標。 Twentig 有一個塊，可讓您顯示帶有卡片和邊框樣式、圖像縱橫比、文本對齊、標題大小和拉伸鏈接的最新帖子。
清盤
當您希望將 WordPress Gutenberg 塊插件添加到您的網站時，此列表包含您需要的一切。 您無需了解此列表中任何插件的最深層工作原理。 這些插件中的每一個都是即插即用的。 您需要做的就是安裝您選擇的插件並激活它。 之後，您將在 Gutenberg 編輯器界面中準備好新的 Gutenberg 塊以供使用。 我們已經組裝了免費插件，但如果您想要比免費插件提供的更多塊，您可以選擇高級版本。 假設您已經選擇了一個，請繼續創建您的卓越網站。