WordPress 5.0 中引入的古騰堡編輯器（Gutenberg）提供了一個(gè)預(yù)建元素或“塊”庫(kù)，可幫助您以更直觀的方式創(chuàng)建網(wǎng)站。WordPress 6.0 添加了一組新的塊，并對(duì)特定塊進(jìn)行了設(shè)計(jì)增強(qiáng)。現(xiàn)在，您擁有最好的古騰堡塊插件，可以將各種項(xiàng)目添加到塊編輯器中。所有這些使您可以更好地控制網(wǎng)站建設(shè)，讓您可以立即啟動(dòng)任何類(lèi)型的網(wǎng)站。
今天我們來(lái)推薦一些 Gutenberg 編輯器增強(qiáng)插件，它們拓展了 Gutenberg 編輯器的基本功能，允許您添加和自定義大量元素，如按鈕、部分、圖標(biāo)等。
Otter – Gutenberg Blocks
Otter 是一個(gè)輕量級(jí)插件，它添加了具有高級(jí)自定義選項(xiàng)的新塊，以及您可以在您的站點(diǎn)上導(dǎo)入的預(yù)構(gòu)建模板。它還增加了默認(rèn)/第三方塊的功能。實(shí)際上，這意味著您可以在不使用傳統(tǒng)頁(yè)面構(gòu)建器（如Divi和Elementor）的情況下構(gòu)建漂亮的頁(yè)面。
添加了23+區(qū)塊，包括：
- 動(dòng)畫(huà)塊，有 50 個(gè)動(dòng)畫(huà)
- 彈出塊
- 部分塊，最多六列
- 倒計(jì)時(shí)塊
- 產(chǎn)品評(píng)論比較塊
- 定價(jià)和定價(jià)部分塊
- 洛蒂動(dòng)畫(huà)
- 添加到購(gòu)物車(chē)塊
最適合：Otter 廣泛的塊可以服務(wù)于多個(gè)用例。例如，博主會(huì)發(fā)現(xiàn)帖子塊和關(guān)于作者塊很有用。商業(yè)網(wǎng)站可以使用產(chǎn)品評(píng)論比較、營(yíng)業(yè)時(shí)間、服務(wù)、定價(jià)和添加到購(gòu)物車(chē)塊。而且，對(duì)于想要限制訪問(wèn)內(nèi)容的網(wǎng)站，可見(jiàn)性條件自定義選項(xiàng)可以提供幫助。簡(jiǎn)而言之，Otter可以幫助想要快速構(gòu)建 Gutenberg 頁(yè)面的網(wǎng)站建設(shè)者減輕很多負(fù)擔(dān)，同時(shí)充分利用 Gutenberg 的功能。
價(jià)格：免費(fèi)，專(zhuān)業(yè)版起價(jià) 39 美元。
CoBlocks
CoBlocks 為您提供了額外的塊和古騰堡編輯器的附加功能。它在行和列塊的幫助下添加具有特定響應(yīng)邊距和填充設(shè)置的動(dòng)態(tài)生成的內(nèi)容區(qū)域。通過(guò)這種方式，它為編輯器帶來(lái)了真正的頁(yè)面構(gòu)建器體驗(yàn)。
添加了 50+ 塊，包括：
- 手風(fēng)琴塊
- 警報(bào)塊
- 動(dòng)態(tài)分隔塊
- 功能塊
- 食物和飲料塊
- 徽標(biāo)和徽章塊
- OpenTable 預(yù)訂塊
- 定價(jià)表塊
最適合：54 個(gè)額外的塊真正讓您自由地構(gòu)建任何類(lèi)型的網(wǎng)站。例如，餐廳可以使用 OpenTable Block 預(yù)訂餐桌，并使用 Food & Drinks Blocks 顯示菜單。Maps Block、Post Carousel Block、Collage Gallery Block 和 Author Block 都非常適合旅游博客。對(duì)于提供服務(wù)的網(wǎng)站，服務(wù)塊、定價(jià)表塊甚至常見(jiàn)問(wèn)題塊都可以提供幫助。
價(jià)格：免費(fèi)。
Spectra
Spectra 不僅向 Gutenberg 編輯器添加了 35 多個(gè)塊的列表，它還提供了 20 多個(gè)專(zhuān)門(mén)為不同行業(yè)設(shè)計(jì)的專(zhuān)業(yè)設(shè)計(jì)的預(yù)建入門(mén)站點(diǎn)。這意味著您將獲得一個(gè)易于導(dǎo)入、可自定義的網(wǎng)站，該網(wǎng)站可與默認(rèn)的 Gutenberg 編輯器、Astra 主題和 Spectra Blocks 結(jié)合使用。這些塊可幫助您從直觀的界面進(jìn)行自定義。
添加了35+塊，包括：
- 容器塊
- 星級(jí)評(píng)分塊
- Lottie 動(dòng)畫(huà)塊
- 審查塊
- 內(nèi)容時(shí)間軸塊
- 營(yíng)銷(xiāo)按鈕塊
- 價(jià)目表塊
- 推薦塊
最適合：入門(mén)站點(diǎn)和各種塊使 Spectra 成為適用于小型企業(yè)、餐館、在線代理等的最佳古騰堡塊插件之一?；旌虾推ヅ涑Ｒ?jiàn)問(wèn)題解答塊、內(nèi)容時(shí)間軸塊和圖像塊等塊可以幫助構(gòu)建在線課程或產(chǎn)品信息頁(yè)面等網(wǎng)站。您所需要的只是一點(diǎn)點(diǎn)想象力。
價(jià)格：免費(fèi)。
Genesis Blocks
Genesis 向塊編輯器添加了高級(jí)塊和部分。特別是，部分和布局塊允許您添加精心設(shè)計(jì)的頁(yè)面部分和整頁(yè)布局設(shè)計(jì)。除了塊之外，還有四頁(yè)部分設(shè)計(jì)和八個(gè)整頁(yè)布局。
添加了 20+ 塊，包括：
- 部分和布局塊
- 通訊塊
- 定價(jià)塊
- 后網(wǎng)格塊
- 手風(fēng)琴塊
- 號(hào)召性用語(yǔ)塊
- 墊片和分隔塊
- 首字下沉塊
最適合：雖然幾乎所有網(wǎng)站都可以使用此插件，但它是博主使用的理想選擇。預(yù)建的部分和布局確保了博客的良好起點(diǎn)。高級(jí)附加組件包括對(duì)每個(gè)塊的權(quán)限控制，這對(duì)于限制訪問(wèn)很有用。
價(jià)格：免費(fèi)，有專(zhuān)業(yè)選項(xiàng)。
Redux Framework
Redux Framework 原本是一個(gè)免費(fèi)的選項(xiàng)插件，被很多主題作者用來(lái)開(kāi)發(fā)主題選項(xiàng)，后來(lái)增加了很多古騰堡的東西，Gutenberg Template and Pattern Library 憑借其包含 1,000 多個(gè)創(chuàng)意塊、模板、布局和模式的庫(kù)在最佳 Gutenberg 塊插件列表中占有一席之地，您可以在演示站點(diǎn)上預(yù)覽這些內(nèi)容。使用過(guò)濾器搜索，從庫(kù)中導(dǎo)入您喜歡的塊或模板，然后開(kāi)始自定義以滿(mǎn)足您的要求。此外，它還提供了一個(gè)行業(yè)特定模板庫(kù)。
添加了 1,000 多個(gè)區(qū)塊樣板，包括：
- 關(guān)于頁(yè)面樣板
- 畫(huà)廊樣板
- 英雄樣板
- 團(tuán)隊(duì)樣板
- 文字樣板
最適合：適用于所有站點(diǎn)類(lèi)型的大量塊樣板使其成為最好的古騰堡塊插件之一。庫(kù)中特定行業(yè)的圖像、整頁(yè)布局和精選的古騰堡塊可以滿(mǎn)足各種網(wǎng)站的需求——瑜伽館、餐廳、牙醫(yī)、律師等。
價(jià)格：五個(gè)免費(fèi)導(dǎo)入/站點(diǎn)/月，提供專(zhuān)業(yè)選項(xiàng)。
Stackable
憑借輕量級(jí)自定義塊和高級(jí)自定義選項(xiàng)，Stackable 是一款包含在您的網(wǎng)站構(gòu)建工具包中的多功能工具。UI 套件庫(kù)、靈活的自定義塊和分隔符為您的網(wǎng)站設(shè)計(jì)提供了無(wú)限選擇。
添加了 40+ 塊，包括：
- 卡塊
- 特征網(wǎng)格塊
- 進(jìn)度條塊
- 定價(jià)框塊
- 號(hào)召性用語(yǔ)塊
- 視頻彈出塊
- 數(shù)字框塊
- 按鈕塊
最適合：Essential、Special 和 Section 塊的綜合組合使其非常適合博主、商人、設(shè)計(jì)師和網(wǎng)絡(luò)開(kāi)發(fā)專(zhuān)業(yè)人士。從初學(xué)者到代理機(jī)構(gòu)的任何人都可以在此插件中找到價(jià)值。
價(jià)格：免費(fèi)，Pro 套餐起價(jià)為 49 美元/年。
GenerateBlocks
GenerateBlocks 僅向 Gutenberg 編輯器添加幾個(gè)塊。然而，它們反應(yīng)靈敏、功能強(qiáng)大且重量輕，允許很大的設(shè)計(jì)靈活性來(lái)創(chuàng)建復(fù)雜的布局和模塊。它最適合與 GeneratePress 主題一起使用，盡管您也可以使用任何其他主題來(lái)構(gòu)建幾乎任何布局或設(shè)置任何內(nèi)容的樣式。此外，它還包括 200 多個(gè)預(yù)構(gòu)建的可導(dǎo)入模式，可以在自定義后保存。
添加方塊：
- 容器
- 網(wǎng)格
- 標(biāo)題
- 紐扣
- 查詢(xún)循環(huán)
- 圖像
最適合：此插件使用強(qiáng)大的界面將 CSS 效果帶入編輯器，允許網(wǎng)頁(yè)設(shè)計(jì)師進(jìn)行很大程度的控制。設(shè)計(jì)師會(huì)發(fā)現(xiàn)有用的其他功能是懸停功能、高級(jí)背景、塊效果和全局樣式。此外，您可以將 SVG 圖標(biāo)和形狀添加到資產(chǎn)庫(kù)中，并從塊編輯器中訪問(wèn)它們。這些功能使 GeneratePress 成為初學(xué)者和專(zhuān)業(yè)人士復(fù)雜網(wǎng)頁(yè)設(shè)計(jì)的強(qiáng)大工具。
價(jià)格：免費(fèi)，專(zhuān)業(yè)版選項(xiàng)起價(jià)為 39 美元/年。
WooCommerce Blocks
WooCommerce Blocks 更像是與 WooCommerce 結(jié)合使用的 Gutenberg 塊的功能插件。您可以使用它來(lái)嘗試新塊或?qū)ΜF(xiàn)有塊的更新，并通常試驗(yàn) WooCommerce 如何與塊編輯器一起工作。
一些穩(wěn)定的塊已捆綁到 WooCommerce 中，您可以從塊插入器的“WooCommerce”部分訪問(wèn)它們：
- 活躍的產(chǎn)品過(guò)濾器
- 所有評(píng)論
- 查看
- 按評(píng)級(jí)篩選
- 產(chǎn)品類(lèi)別列表
- 產(chǎn)品搜索
- 按屬性分類(lèi)的產(chǎn)品
- 最受好評(píng)的產(chǎn)品
最適合：WooCommerce 商店可以使用此插件顯示精選產(chǎn)品和特定類(lèi)別的商品，按評(píng)級(jí)或?qū)傩运阉骱瓦^(guò)濾產(chǎn)品，添加迷你購(gòu)物車(chē)等。
價(jià)格：免費(fèi)。
Greenshift（倡萌推薦）
Greenshift 在不使用預(yù)定義樣式、框架、圖標(biāo)字體和腳本庫(kù)的情況下即時(shí)生成資產(chǎn)。資產(chǎn)僅在您使用它們時(shí)加載。它包括一些獨(dú)特的塊和高端動(dòng)畫(huà)和過(guò)渡，以及幫助創(chuàng)建具有間距、定位、CSS 轉(zhuǎn)換、陰影和邊框的復(fù)雜頁(yè)面。
添加了 20 多個(gè)核心模塊，包括：
- 3D翻轉(zhuǎn)盒
- 滑動(dòng)面板
- 表中的內(nèi)容
- 3D模型
- SVG 形狀
- 倒數(shù)
- 切換塊
- 用于動(dòng)畫(huà)、SEO、查詢(xún)和圖表的附加塊
最適合：適用于需要高端動(dòng)畫(huà)和過(guò)渡且不損失速度的網(wǎng)站。好處是您不需要知道編碼。
價(jià)格：免費(fèi)提供高級(jí)附加組件。
倡萌推薦：這個(gè)插件配合它的付費(fèi)擴(kuò)展插件，可以制作出效果非常棒的網(wǎng)站，我們目前采用 Greenshift + Blocksy 主題付費(fèi)版的功能，用于開(kāi)發(fā)一些企業(yè)網(wǎng)站項(xiàng)目，效果非常棒！適合開(kāi)發(fā)者使用哦！
Gutenberg Block Manager
當(dāng)您只需要處理幾個(gè)塊時(shí)，您可以依賴(lài) Gutenberg Block Manager。它通過(guò)為所有用戶(hù)全局啟用或禁用每個(gè)塊來(lái)工作。當(dāng)一個(gè)塊被禁用時(shí)，它不再出現(xiàn)在 WordPress 塊編輯器的塊插入器中。結(jié)果，它通過(guò)隱藏不必要的塊來(lái)整理您的網(wǎng)站。您始終可以在側(cè)邊欄中搜索和過(guò)濾塊，并根據(jù)需要將它們添加回編輯器。
最適合：帶有大量塊庫(kù)的網(wǎng)站可以使用此插件根據(jù)需要臨時(shí)啟用/禁用塊。
價(jià)格：免費(fèi)。
如何選擇最佳的古騰堡插件
古騰堡編輯器本身可以完成很多工作，但它也有一些局限性。這些優(yōu)秀的 Gutenberg 塊插件可以增加您的設(shè)計(jì)能力，并確保流暢和令人滿(mǎn)意的 Web 構(gòu)建體驗(yàn)。最適合您的選擇取決于您的目標(biāo)：
- 如果您想要頁(yè)面構(gòu)建器的靈活性+ 各種新塊來(lái)擴(kuò)展 WordPress 網(wǎng)站的功能，Otter Blocks和CoBlocks是不錯(cuò)的選擇。
- 如果您想要預(yù)構(gòu)建的布局讓您的生活更輕松，請(qǐng)選擇Spectra、Genesis Blocks、Gutenberg Template and Pattern Library或GenerateBlocks。
- 如果您想增強(qiáng)您的 WooCommerce 網(wǎng)站并測(cè)試 WooCommerce 的新塊，請(qǐng)選擇WooCommerce Blocks 。
- 如果您想在不降低網(wǎng)站速度的情況下添加高質(zhì)量的動(dòng)畫(huà)，請(qǐng)使用Greenshift。
- 選擇Gutenberg Block Manager以完全控制 WordPress 塊庫(kù)中可用的塊。
