適用於 WordPress 的 7 個最佳和最有價值的古騰堡插件(2022 年)

已發表: 2022-09-15
目錄隱藏
1.什麼是 WordPress 塊編輯器?
1.1。 WordPress 的兩種類型的 Gutenberg 塊插件
1.1.1。 單用途塊插件
1.1.2。 Gutenberg 塊庫插件
2.幾個有用且省時的 WordPress 塊
3.適合您的 WordPress 網站的最佳古騰堡插件
3.1。 Spectra(古騰堡的終極插件)
3.2. Kadence 積木
3.3. 水獺積木
3.4. 可堆疊
3.5. 終極方塊
3.6. WooCommerce 塊
3.7. PostX Gutenberg 郵筒
4.結論

WordPress 正在慢慢地朝著更面向塊的編輯器發展。 這種轉變的目的是提供對模板標記和佈局的更好控制。

在 WordPress 5.0 中引入的 Gutenberg 編輯器是一個完全基於塊的編輯器,其中每條內容都可以作為一個塊從編輯器面板內部拖放。

這意味著現在不僅可以拖動段落、圖像和列表,還可以拖動表單、按鈕、表格等來更改其佈局。

有一些用於 WordPress 的專用 Gutenberg 插件提供自定義內容塊。

我們將列表整理為僅六個 Gutenberg 塊插件,以避免在這麼多插件之間產生混淆。 這些插件將使您能夠更好地控製網站的佈局和內容組織。

什麼是 WordPress 塊編輯器?

WordPress 塊編輯器是 WordPress 附帶的默認內容編輯器。 它使您可以使用塊構建帖子和頁面。 典型的博客文章將包含許多段落、一些標題和一些圖像。

如果您多年來一直在創建 WordPress 網站,那麼塊編輯器可能會感覺與“WordPress 經典編輯器”完全不同。

與經典編輯器不同,塊編輯器可讓您輕鬆向帖子和頁面添加額外元素,例如常見問題解答部分或號召性用語。

WordPress 的兩種類型的 Gutenberg 塊插件

市場上有兩種主要類型的古騰堡塊插件:

單用途塊插件

流行的 WordPress 插件已被轉換為用於單一目的的古騰堡塊。 可以將單個塊添加到每個網站的帖子和頁面中,並且每個塊都專注於不同的功能。

通常,單一用途的塊插件為特定用例提供最全面的解決方案。

Gutenberg 塊庫插件

塊庫插件將多個 Gutenberg 元素組合到一個插件中,這與單一用途的 Gutenberg 塊插件不同。

幾個有用且省時的 WordPress 塊

舊版本的 WordPress 要求您安裝插件來添加按鈕、封面圖像和表格等元素。 但在古騰堡,所有類型的內容元素都有內置塊。

下面你會發現一些超級有用的默認 Gutenberg 塊,你可以立即使用。

  • 媒體和文本塊- 這允許您同時添加圖像和文本。 舊的經典編輯器很難做到這一點,尤其是對於初學者。
  • 封面塊- 使用此塊將精美的封面圖片添加到您的帖子和頁面。
  • 簡碼塊- 輕鬆將簡碼添加到您的 WordPress 帖子和頁面。 因此,塊編輯器與提供簡碼的插件完全兼容。
  • 按鈕塊- 向 WordPress 文章和頁面添加號召性用語按鈕。
  • 嵌入式塊- 輕鬆嵌入推文、YouTube 視頻等。
  • 表格塊——在您的 WordPress 帖子和頁面中創建基本表格。 對於搜索、排序和排序等高級功能,您可以考慮免費的 TablePress 插件。
  • 列塊- 創建具有多列佈局的博客文章和頁面。

適用於您的 WordPress 網站的最佳古騰堡插件

這裡有一些最好的古騰堡塊插件。 使用這些插件,您可以將各種塊添加到默認的 WordPress 編輯器中,從而擴展其功能。

Spectra(古騰堡的終極插件)

Spectra,以前稱為古騰堡終極插件,是最受歡迎的古騰堡塊庫插件,擁有超過 300,000 次活動安裝。 它由流行的 Astra 主題的創作者帶給您。

Spectra Gutenberg 插件營銷按鈕塊
Spectra 營銷按鈕塊

強調:

  • 30 多個精心設計的 Gutenberg 塊來構建任何類型的網站 - 信息框塊、多按鈕塊、團隊塊、價目表塊、目錄塊......
  • 對於初學者、營銷人員、網絡專家和代理機構來說,易於訪問和用戶友好。
  • 用於更快加載網站的無代碼網站控制。
  • 易於導入、修改和使用的即用型網站。
  • 輕鬆複製粘貼樣式功能以單擊樣式並將其用於另一個塊或跨網站。
  • 超過 75 個現成的網站模板。
  • 無需任何自定義代碼或第三方插件。

獲取 Spectra – WordPress Gutenberg 塊

Kadence 積木

Kadence Blocks 是另一個非常流行的塊插件,擁有超過 200,000 次活躍安裝。

它是一個工具包,使 WordPress 塊編輯器能夠創建通常只能通過頁面構建器插件才能實現的精美內容。

Kadence 行佈局塊

強調:

  • 漂亮的自定義塊來創建精美的內容 - 倒計時塊、表格塊、高級圖庫塊、手風琴塊、圖標塊……
  • 除了行塊之外,您還可以獲得選項卡、列、按鈕、標題等塊。
  • 從 900 多種 Google 字體中進行選擇,以完全控制您的網站排版。
  • 禁用您知道不需要更好的組織的塊。
  • 具有視差效果、疊加、漸變的邊框……設計選項完全掌握在您手中。
  • 每次添加塊時,默認設置將在配置後自動使用。
  • 如果做的細節,可以實現精確的間距和設計
  • 僅加載必要的 CSS 或 Javascript。
  • 通過 WordPress 編輯器預覽時可以編輯平板電腦和移動設備設置。

獲取 Kadence 塊

水獺積木

ThemeIsle 的 Otter Blocks 插件也被 WordPress 用戶廣泛使用。 它的活躍安裝量已超過 100,000 次。

該插件通過為 WordPress 塊編輯器提供輕量級的動態構建塊來幫助您更快地構建頁面。 您可以自定義和更改 Otter Blocks 的五十種不同模板以滿足您的特定需求。

水獺 WooCommerce 塊
水獺 WooCommerce 塊

強調:

  • 23 多個令人驚嘆且有用的塊 - 部分塊、圖標塊、高級標題、循環進度、翻轉卡、訂閱者表格、谷歌地圖……
  • 易於使用的工具,因為它具有拖放功能。
  • 選擇顯示區塊的條件——用戶角色、帖子類型、作者、購買歷史……
  • 可以為一些最常用的塊指定默認配置,包括部分塊、圖標塊、高級標題等。
  • 超過50 種動畫可供選擇。
  • 還提供WooCommerce Builder Blocks來構建自定義的單一產品頁面。

獲取水獺塊

可堆疊

Stackable – Page Builder Gutenberg Blocks 插件也被廣泛使用。 它已經為超過 60,000 個活動安裝提供了時鐘。

可堆疊功能塊

強調:

  • 包括大約 36 個可定制的 Gutenberg 塊——容器塊、功能網格塊、視頻彈出塊、價格塊、英雄塊、塊引用塊……
  • UI 套件、塊設計和分隔符的設計庫
  • 頁面構建器等設計選項。
  • 代理工具:用戶角色管理器和 CSS 定制器。
  • 全局設計參數提供更廣泛的選擇。
  • 實時響應式編輯。

可堆疊

終極方塊

Ultimate Blocks 插件是另一個 Gutenberg 塊集合插件,它向塊編輯器添加了幾個額外的塊。 它主要面向博主和營銷人員。 該插件旨在輕鬆創建更好、更具吸引力的內容。

終極推薦塊

強調:

  • 20 多個可定制的塊來創建引人入勝和轉換的內容——評論塊、點擊推文塊、圖像滑塊塊、進度條塊……
  • 啟用/禁用單個塊以保持您的站點輕量級。
  • 針對 SEO 進行了高度優化。

獲得終極積木

WooCommerce 塊

WooCommerce Blocks 有 200,000 多個活動安裝。 它們是最靈活、最容易在帖子和頁面上展示您的產品的方法。

注意– 此插件用作迭代和探索 WooCommerce 的新塊和更新現有塊的空間。 如果您想訪問 WooCommerce 可用塊的前沿,請使用此插件。

獲取 WooCommerce 塊

PostX Gutenberg 郵筒

PostX 是一個基於 Gutenberg 塊的解決方案,用於創建完整的新聞雜誌和博客網站。 憑藉其有用的塊和改變遊戲規則的插件,PostX 擁有超過 20,000 名完全滿意的用戶。

PostX 查詢生成器

強調:

  • 各種入門包(預製模板),只需單擊幾下即可創建自定義主頁。
  • 用於在單個帖子塊中排序、帖子、頁面或兩者的高級查詢構建器。
  • 多個帖子網格塊以網格佈局顯示 WordPress 帖子。
  • 發布滑塊塊以創建特色滑塊、發布輪播主頁滑塊等等。
  • 生成器插件可創建自定義存檔頁面模板,其中包括類別、作者、標籤、搜索結果和日期頁面。
  • 獨家且高度可定制的新聞收錄器,用於展示最新或熱門帖子。
  • 具有設計變化的完整目錄解決方案。
  • Elementor 集成可在使用 Elementor 編輯任何頁面時添加 Gutenberg 塊。

獲取 PostX Gutenberg 帖子塊

結論

所以你有它。 一些有價值的 WordPress Gutenberg 插件可擴展您網站內容的功能。

顯然還有許多其他項目未包含在此列表中。 您可以做更多的事情來創建訪問者會喜歡閱讀、觀看和參與的內容。

但是,這肯定是開始使用 WordPress 塊編輯器的好方法。