7 個最佳 Gutenberg Block 插件可豐富您的內容展望

已發表: 2020-05-01

毫無疑問,如果沒有 Gutenberg,在 WordPress 中創建內容格式不會那麼容易。 它對開發人員和用戶都有幫助。 為了創建世界級的網站,您今天不需要學習編碼。

但是,這些天來,人們需要超出常規 Gutenberg 塊的更多功能。 所以,如果你對默認的 Gutenberg 不滿意,那麼你可以安裝一些 Gutenberg Block 插件。 這確實會幫助您更精緻地裝飾您的博客。

在此博客中,我們將為您的 WordPress 網站分享一些最好的 Gutenberg 塊插件。 我們來看一下。

7 個最有用的 Gutenberg Block 插件

gutenberg editor

古騰堡編輯器為所有類型的內容組件組合了塊。 我們列出了一些插件來最大程度地減少您的工作量並最大化您網站的外觀。

終極插件——包括 15 個以上的古騰堡積木

它是古騰堡使用最廣泛的塊庫插件。 由流行的 Astra 主題團隊構建的終極插件。 這個 Gutenberg Block 插件現在有 200,000 個活躍用戶。

Ultimate Addons– Includes 15+ Gutenberg Blocks

它增加了 15 個以上的古騰堡塊,以下是我們最喜歡的:

信息框塊:包括圖像、標題和描述

團隊塊:使用圖像設計團隊部分

多按鈕塊:在單個塊中添加多個按鈕。

推薦塊:在網站上添加推薦。

價目表塊:輕鬆創建價目表。

使用此插件的主要好處是您將擁有對 Astra 主題以及所有入門站點的內置支持。 這意味著您可以構建一個入門站點並應用塊編輯器來生成精彩的佈局。

Otter Blocks-模板庫

由最著名的 WordPress 開發人員 Themeisle 製作的另一個流行的免費 Gutenberg Block。 在 Otter Blocks 中,您將獲得內置模板以及大量令人驚嘆的 Gutenberg 積木。

Otter Gutenberg plugin

Otter 塊的變化超出您的想像——Google 地圖、Font Awesome 圖標、帖子網格、部分、價目表、推薦書等等。 現在,創建高質量的內容對您來說並不難。

以下是我們必須在此博客中提及的一些塊。

部分塊:構建佈局,如頁面構建器插件

關於作者塊:在框中顯示作者簡介

谷歌地圖塊:在網站上嵌入谷歌地圖

共享圖標塊:輕鬆添加社交共享圖標 WordPress 博客

這個插件的重要部分是您不僅可以創建不同的塊,還可以創建帖子、頁面,甚至登陸頁面。 因此,如果您想利用此插件的所有優勢,請使用帶有數十個 Gutenberg 塊的 Otter Blocks。

Ultimate Blocks - 適用於博客的免費 Gutenberg 插件

實際上,它可以作為古騰堡編輯器的一個小增壓器。 18 多個內容塊使 Ultimate Blocks 成為最好的 Gutenberg 擴展。 營銷人員和博主現在可以使用這個 Gutenberg Block 插件的大量資源構建出色的網站。

gutenberg block plugin

讓我們介紹最常用和流行的塊。

通知框塊:在文章中添加簡單的通知框

評論塊:添加帶有產品名稱、功能、按鈕、摘要和評級的評論塊

HowTo Schema 塊:包括 HowTo Schema 以及部分、步驟和原始模式數據。

目錄塊:從標題創建目錄

號召性用語塊:添加帶有按鈕的漂亮 CTA 框

樣式框塊:附加樣式框。 比如文章中的Feature box、Notification box、Number box。 現在您可以添加三個模板。

Ultimate Blocks 的目標是為我們打造極其流暢的遊戲。 使用 Gutenberg 創建更多有用和吸引人的內容就在您的指尖。

高級古騰堡 - 古騰堡的 20 多個新塊

當大多數 Gutenberg Block 插件都提供相同的功能時,Advanced Gutenberg 向前邁出了一步。 您可以使用此插件來控制 Gutenberg 編輯器。 您現在可以根據每個用戶啟動內容塊。

advanced gutenberg block plugin

Advanced Gutenberg 擁有各種可愛且易於使用的積木。 例如 - WooCommerce 產品滑塊、列管理器、帖子滑塊、聯繫表格、高級列表塊、高級按鈕塊、高級圖像、視頻塊等。

以下是您應該介紹的一些高級古騰堡積木。

列管理器塊:在 WordPress 中添加多列內容。

圖塊:在帖子和頁面中嵌入谷歌地圖

Counter Block:以有吸引力的方式展示整體銷售額等數字

選項卡塊:簡單地在選項卡中添加內容

聯繫表格塊:接收電子郵件和導出聯繫表格數據

電子郵件選擇加入塊:接收電子郵件和導出信息

高級視頻塊:顯示本地和遠程視頻

高級列表塊:使用自定義列表樣式和圖標構建具有視覺吸引力的列表

Advanced Gutenberg 最好的部分是,它添加了其他 Gutenberg 插件中沒有的缺失功能。 因此,請在這個帶有 20 多個新塊和選擇的新古騰堡編輯器上獲取授權書。

CoBlocks- 免費頁面生成器 Gutenberg Block 插件

CoBlocks 是另一個具有強大功能的古騰堡擴展。 有真正的行和列構建,包括額外的塊,為您提供古騰堡真正的頁面構建冒險。

coblocks free gutenberg block

它由 GoDaddy 製作,構建者添加了許多塊,例如英雄部分、媒體卡、警報、作者簡介、徽標和徽章、地圖等。

這個插件非常輕巧但功能強大。 這意味著現在只需幾分鐘即可構建一個漂亮的頁面。

以下是此插件提供的一些有用的 Gutenberg 塊:

行和列塊:基於網格系統設計有效的佈局

輪播圖庫塊:創建輪播圖庫並顯示圖像

警報塊:生成有吸引力的警報並將其輸入到 WordPress 頁面和帖子中

作者簡介塊:在網站上添加作者簡介

CoBlocks 中的頁面構建 WordPress 塊的組合令人驚嘆。 有時很難相信這個插件是完全免費的。 與大多數塊插件不同,它會提供額外的塊來增強您的網站。 即使您可以流暢地自定義塊,例如更改字體、選擇顏色、設置邊距和填充等等。

Kadence Blocks - 自定義塊插件

我們的最後一位參與者是 Kadence Blocks,它還提供了一個巨大的 WordPress 塊集合插件。 使用此插件後,您將獲得最常用的塊,可幫助您在內容編輯器中附加更多功能。

gutenberg block plugin

這個編輯器功能強大,它將幫助您成為超新星。 它包括信息框、標題、行佈局、高級畫廊、按鈕、圖標、選項卡、圖標等。 每個區塊都具有廣泛的優勢列表。 因此,您可以在視覺上創建令人驚嘆的內容。

它有免費版和高級版。 讓我們檢查下面的 Kedence 塊。

行佈局塊:在一行中的一個或多個列中創建內容塊

選項卡塊:生成水平或垂直選項卡

Accordion Block:在網站上構建漂亮的手風琴

圖標列表塊:使用自定義圖標設計引人入勝的列表

這個插件的一個很酷的優點是,用戶可以停用他們不想使用的塊。 通過這樣做,您可以維護一個乾淨且輕量級的編輯器。

編輯器加 - 古騰堡塊庫和工具包

Editor Plus- Gutenberg Block Library & Toolkit

Editor Plus 通過出色的設計控制擴大了 Gutenberg 編輯器。 在這裡,您將獲得排版、圖標、形狀分隔線、動畫和更多迷人的功能。

讓我們介紹一下這個 Gutenberg Block Plugin 最受歡迎的功能。

WordPress 的無代碼樣式編輯器:使用此塊插件後,您可以在沒有代碼的情況下直觀地自定義古騰堡塊。 它為您的古騰堡編輯器增壓!

高級用戶的自定義 CSS 編輯器:輕鬆編寫自定義 CSS 代碼。

創建自定義 WordPress 塊:無需編碼知識即可創建自定義 WordPress 塊。

調整內容排版:使用 Editor Plus,在 Gutenberg WordPress 編輯器中調整內容排版非常容易。

使用 Editor Plus 自定義您的古騰堡編輯器有更多選項。 所有這些樣式的令人驚奇的部分是,它針對所有設備進行了調整,例如台式機、平板電腦和移動設備。 所以,盡情享受吧。

Getwid Gutenberg 積木 – 40 多個免費多功能積木

zhVjkwuRcWRtbFzMmbe4i4xeGmsZbQ Y3usm0QsuC9DMnJGoQkya699ga zQXqv8ZPPMQzPBHGsdjVnpcUf9atZ6wyASiZD5Abj24hcATlFZonIAPC9uY0d OoEc1IL7Y8v33pYR

迄今為止,Getwid Blocks 是最大的免費古騰堡區塊集合。 除了 40 多個靜態和動態元素外,該插件還為您提供了 35 多個用於塊編輯器的預製內容塊。

儘管該插件是 100% 免費的,但它具有最受歡迎的高級版古騰堡積木和一些獨特的元素。
一些值得一提的 Getwid 塊是:

部分塊:幫助構建自定義頁面部分佈局,包括英雄塊

圖像熱點塊:幫助使用工具提示向圖像添加熱點
橫幅塊:幫助創建帶有背景圖像和文本的可點擊橫幅

滑塊塊:幫助使用多個滑塊塊來創建任何類型的滑塊,包括最近的帖子

圖標和圖標框塊:幫助創建有效且清晰的用戶界面和具有預製樣式和動畫的響應式服務框

專業用戶重視的另一個重要優勢是免費的 Getwid Style Kit,其中包括主題支持剪裁器和 CSS 類。 對於喜歡基於 Gutenberg 構建網站的開發人員來說,該工具包是一個方便的補充。

古騰堡塊插件的最後一擊

Gutenberg 的條目對 WordPress 用戶來說並不那麼滿意。 但是,增長是每個人都注意到的。 現在,博主和大多數用戶都依賴這個編輯器來構建高質量的內容。

一開始,人們需要神級的編碼能力或強大的頁面構建器插件來生成漂亮的佈局。 但是我的朋友們,隨著古騰堡的出現,情況發生了翻天覆地的變化。

現在您可以輕鬆享受 Gutenberg 編輯器的插件。 即使您可以根據需要自定義插件。

我們希望這篇文章可以幫助您為您的 WordPress 網站發現最好的 Gutenberg 塊插件。 您還可以查看一些輕量級的 WordPress 主題來構建一個時尚的網站。

祝你今天過得愉快!