首页 » wpastra » guides » 2022 年 25 个适用于 WordPress 的最佳 Gutenberg Block 插件

2022 年 25 个适用于 WordPress 的最佳 Gutenberg Block 插件

寻找 WordPress 的最佳 Gutenberg 块插件?

Gutenberg 块编辑器于 2018 年 12 月随 WordPress 5.0 版本推出,引入了一种全新的模块化方法来创建网站。

经典的 WordPress (TinyMCE) 编辑器将您的所有内容添加到统一的文本框中。Gutenberg 为页面上的每个元素提供块,您可以轻松拖放。

想要添加标题?有一个标题块。

想要添加图片?有一个图像块。

想要添加一些自定义 HTML?自定义 HTML 也有一个块。

你得到图片。您想添加到您的网站的任何内容都有一个块!

默认情况下,WordPress 提供了一系列用于向页面添加内容的块。虽然列表不断增长,但古腾堡编辑器中目前有大约 70 个块可用

但是,由于 WordPress 是 WordPress,您始终可以安装第三方插件,这些插件提供更多 Gutenberg 块来加快您的工作流程。

这正是我们在本文中为您提供的内容。

我们列出了 25 个最好的 Gutenberg 块插件,您可以立即安装这些插件来创建一些很棒的网站。

让我们探索您的选择!目录

  1. 什么是 WordPress 古腾堡块编辑器?
  2. 古腾堡如何改进 WordPress?
  3. 积木有什么好处?
  4. 单个块与块库插件
  5. 适用于 WordPress 的 25 个最佳 Gutenberg Block 插件
  6. 如何在 WordPress 中安装和使用 Gutenberg Block 插件
  7. 古腾堡座常见问题解答
  8. 您安装了哪个 Gutenberg Block 插件?

什么是 WordPress 古腾堡块编辑器?

首先,一点背景。

Gutenberg 块编辑器现在是 WordPress的默认页面编辑器。在 WordPress 5.0 版本中,新的块编辑器取代了经典的 TinyMCE 编辑器。

WordPress 古腾堡块编辑器视图

与将所有内容添加到一个大内容区域的经典编辑器不同,块编辑器允许您将每个元素添加为单独的块。

每个块也有自己的设置,可以轻松自定义。

一些默认和经常使用的古腾堡块是:

  • 标题
  • 段落
  • 图片
  • 列表
  • 画廊
  • 引用
  • 视频
  • 自定义 HTML
  • 桌子
  • 垫片
  • 纽扣
  • 分隔器
  • YouTube
  • Facebook
  • Instagram

这是所有默认Gutenberg 块的完整列表。

古腾堡如何改进 WordPress?

如果您一直在使用经典编辑器,您会意识到Elementor 和 Beaver Builder 等流行的页面构建器提供了更多的特性和功能。

使用这些页面构建器时,创建令人惊叹的网站非常简单。从自定义到背景效果等等,您可以使用拖放功能做很多事情。

就页面构建器而言,块编辑器仍有一些工作要做。然而,与旧的经典编辑器相比,Gutenberg 是一个显着的改进。

我们关于Gutenberg vs. ElementorGutenberg vs. Beaver Builder的详细指南表明,使用 Gutenberg 构建的网站加载速度更快。

一方面,您可以使用 Gutenberg 构建更快的加载网站,另一方面,您可以使用页面构建器构建更多视觉上有趣的网站。

随着不断的改进和令人兴奋的更新,古腾堡在其设计能力方面逐渐赶上了页面构建器。

很快它就会完全超越页面构建器。

苏杰帕瓦尔

你好!我叫 Sujay,是 Astra 的首席执行官。

我们的使命是通过负担得起的软件产品和成功所需的教育帮助小型企业在线发展。

如果您想加入对话,请在下方发表评论,如果您需要个人帮助或私下与我们的团队互动,请单击此处。

积木有什么好处?

与经典编辑器相比,Gutenberg 块编辑器提供更多功能和灵活性。

以下是使用 Gutenberg 块编辑器的一些好处。

  • 古腾堡编辑器不那么杂乱,更容易编写。有了更多的屏幕空间和更少的东西,创建页面和帖子比在经典编辑器中更容易访问
  • 提供拖放编辑器,可让您轻松地将块添加到页面。虽然与页面构建器相比还有一些工作要做,但它比经典编辑器要好得多
  • 无需编写任何代码即可创建更令人惊叹的布局。当您使用 Astra Starter Templates时,您将获得一些专业设计的网站模板,这些模板已为 Gutenberg 做好准备!
  • 在页面上包含块后,您可以轻松地编辑和移动它们并自定义它们
  • 嵌入表格、视频、社交媒体等,无需任何额外的插件或代码
  • 现在创建自定义块要简单得多
  • 创建可重复使用的块,允许您跨帖子或页面使用内容

简而言之,如果您喜欢在不使用花哨的页面构建器的情况下创建内容,那么 Gutenberg 块编辑器就适合您!

单个块与块库插件

在我们进入 WordPress 的最佳 Gutenberg 块插件之前,了解不同种类的 Gutenberg 插件至关重要。

有两种类型的插件:

  • 单个块插件(也称为单用途块插件)
  • 古腾堡块库

顾名思义,单个块插件是针对特定目的的插件。

这方面的例子是Schema ProWP Portfolio等等。它们有一个特定的目的,在这种情况下,它可以帮助您添加架构标记并将投资组合添加到您的网站。

另一方面,Gutenberg 块库插件为您提供各种附加块。这就像一个插件可以完成多个插件的工作,而无需安装多个插件。

Gutenberg 块库插件的一个示例是Ultimate Addons for Gutenberg。它提供了许多块和功能,您无需安装单独的插件即可使用。

适用于 WordPress 的 25 个最佳 Gutenberg Block 插件

我们已经尝试并测试了适用于 WordPress 的最佳 Gutenberg 块插件。这些包括单独的块插件,以及块库插件。

1.古腾堡终极插件 (UAG)

古腾堡插件的终极插件

Ultimate Addons for Gutenberg (UAG)使用功能强大的 Gutenberg 模块库扩展了默认编辑器,以帮助加快您的工作流程。UAG 提供了几个独特的创意块,可帮助您设计页面和帖子,而无需编写任何代码。

选择您最喜欢的块,例如信息框、帖子布局、团队、价目表、社交分享等。然后自定义这些块以满足您的要求。

此外,当您安装插件时,您可以访问使用 Astra 主题、Gutenberg 和 Ultimate Addons 构建的一些专业设计的网站模板。

古腾堡终极插件的优点:

  • 25+ 创意和强大的块
  • 65 多个免费的预建入门模板
  • 专为速度和性能而打造
  • 灵活易用
  • 完全可定制

古腾堡终极插件的缺点:

当我们开发出如此出色的插件时,很难发现有什么问题。话虽如此,我们总是可以将更多块添加到列表中!

古腾堡定价的终极插件

古腾堡的终极插件是完全免费的。开始使用古腾堡的终极插件

2.工具集块

工具集块插件

Toolset Blocks 是一个插件,可让您根据需要创建自定义网站,而无需编写任何代码。

使用Toolset 的 WordPress 块编辑器,您可以为您的自定义帖子类型直观地设计模板、显示自定义字段、构建搜索等等。

它为您提供了广泛的设计块,例如内容模板、评级、网格、社交分享、图库、星级评级、滑块、倒计时和各种有用的功能。

工具集块的优点:

  • 适用于任何 WordPress 主题
  • 无需编写任何代码即可设计动态模板
  • 拖放编辑器
  • 100% 可定制
  • 轻松创建查询并将其显示在您网站的任何位置
  • 为任何内容类型创建自定义搜索

工具集块的缺点:

  • 涉及轻微的学习曲线

工具集块定价

Toolset 是一个高级插件,单个站点许可证的起价为每年 69 美元。开始使用工具集块

3.创世区块

创世纪块插件

Genesis Blocks 是古腾堡编辑器的一个很棒的块集合。除了块库之外,Genesis Blocks 还提供了几个页面部分和整页布局,所有这些都可以从您的块编辑器中访问。

安装 Genesis Blocks 后,您可以访问 15 个新块和 4 个预建页面布局,所有这些都针对性能进行了优化。块包括部分和布局、高级列、定价、发布网格、推荐、内联通知等。

创世区块的优点:

  • 容易安装和使用
  • 15个新方块
  • 每个块、部分和布局都可以轻松定制
  • 与所有 WordPress 主题兼容

创世块的缺点:

  • 块数有限。专业版增加了更多,但并不便宜

创世纪块定价

您可以免费使用创世区块。要获得更多功能,您需要升级到每年 360 美元的 Genesis Pro。开始使用创世块

4.原子块

原子块插件

Atomic Blocks 是一组漂亮而强大的页面构建块,扩展了 WordPress 块编辑器的功能。Atomic Blocks 提供新闻通讯、定价、发布网格、推荐、内联通知、共享图标、号召性用语等块。

除了积木,Atomic Blocks 还提供了一个漂亮的 WordPress 主题来帮助您入门。话虽如此,Atomic Blocks 几乎适用于任何 WordPress 主题。

原子块的优点:

  • 25+ 基本块
  • 针对移动设备进行了优化
  • 保存和重复使用块的选项
  • 设置用户权限以限制块和布局中的功能

原子块的缺点:

  • 原子块有一段时间没有更新了

原子块定价

Atomic Blocks 可以免费使用,可以从 WordPress 插件库下载。开始使用原子块

5.可堆叠

可堆叠主页

Stackable 是一个轻量级的 Gutenberg 块插件,可帮助构建动态网站。使用任何自定义块、现成的设计、全局设置和高级自定义选项,而不会影响网站性能。

使用 Stackable,您可以获得 27 多个灵活且功能丰富的自定义块,无需编写代码即可在任何网站上使用。其中一些块包括容器、分隔符、帖子、功能网格、图标列表、号召性用语等等。

可堆叠的优点:

  • 用户友好的用户界面
  • 27+ 功能丰富的自定义块
  • 355 多种现成的积木设计(包括高级积木设计)

可堆叠的缺点:

  • 很多可堆叠的包装。因此,如果您正在寻找仅提供 Gutenberg 块的插件,Stackable 可能不是您的最佳选择

可堆叠定价

Stackable 是免费提供的。还有一个高级版本,单个站点的起价为每年 49 美元。开始使用可堆叠

6. PublishPress 块

古腾堡的 PublishPress 块

PublishPress Blocks 是一个功能丰富的插件,它提供了几个很棒的块来构建专业网站。这些块提供了多种布局选项、按钮、滑块、图标、地图、图像库、推荐等。

在 PublishPress 提供的几个很棒的块中,内容显示块提供了很多。您可以创建博客布局、显示来自特定作者的帖子和自定义帖子类型。您还可以为特定用户启用或禁用块。

PublishPress 块的优点:

  • 用户友好,重量轻,易于使用
  • 强大的内容显示块可自定义您的内容并应用过滤器,例如按作者、类别和标签
  • 设置用户权限,允许您为特定用户启用/禁用块
  • 创建可在所有设备上响应的灵活而美观的布局
  • 包括 WooCommerce 块来展示您的商店产品

PublishPress 块的缺点:

  • 免费版本显示广告和 PublishPress 品牌。如果你想删除它,你将不得不支持一个不便宜的订阅计划!

PublishPress 块定价

PublishPress Blocks 可以免费使用。总有一个高级版本提供额外的块并删除 PublishPress 广告和品牌。

整个 PublishPress 套件的起价为每年 129 美元,可以在单个网站上使用。开始使用 PublishPress 块

7. Guteblock

Guteblock WordPress 插件

Guteblock 是一个易于使用的 WordPress 插件,它通过 30 多个专业设计的块来提升 Gutenberg。无论是构建一个完整的网站还是一个登录页面,Guteblock 都可以通过一套奇妙的块轻松实现。

其中一些块包括帖子网格、团队成员、推荐、容器、分隔符、CTA、作者简介、社交共享图标、块引用、按钮等等。

Guteblock 的优点:

  • 30多个可以轻松定制的创意块
  • 每个块都有独特的样式和设置
  • 针对搜索引擎响应和优化
  • 使用容器块将不同的块组合在一行中
  • 设置首字母下沉样式的更多选项

Guteblock 的缺点:

  • Guteblock 有一段时间没有更新了,可能与最新版本的 WordPress 存在兼容性问题

Guteblock 定价

Guteblock 是免费的,可以从 WordPress 插件库下载。开始使用 Guteblock

8.终极方块

Ultimate Blocks 插件

Ultimate Blocks 是一个流行的 Gutenberg 块插件,可以轻松构建网站并加快您的工作流程。使用 18 多个很棒的块,例如评论、目录、号召性用语、图像滑块、点击推文、进度条等,您可以使用 Ultimate Blocks 创建引人入胜的内容。

Ultimate 块的一个独特功能是启用和禁用块的选项。例如,如果您认为不需要某个块,只需将其禁用即可。这样,您就可以使您的网站保持轻量级。下次您想使用某个功能时,只需启用它即可。

终极积木的优点:

  • 功能强大且易于使用
  • 完全可定制
  • 轻巧且针对速度进行了优化
  • 独特的启用/禁用单个块功能
  • 搜索引擎优化友好

终极方块的缺点:

  • 块数有限

终极块定价

Ultimate Blocks 可免费下载。开始使用终极积木

9.喷气发动机

JetEngine Block 插件

JetEngine 是一个高级插件,可帮助您使用 Gutenberg 编辑器构建动态网站。使用 JetEngine 根据自定义查询为您的网站创建动态结构、布局和列表非常简单。这一切都无需编写任何代码。

JetEngine 还与 WooCommerce、RankMath 和 Yoast 等流行插件兼容。

JetEngine 的优点:

  • 13 个动态古腾堡积木
  • 免费创建动态网站结构
  • 将自定义样式应用于块
  • 有吸引力的列表网格布局
  • 与第三方插件无缝集成

JetEngine 的缺点:

  • 块数有限

JetEngine 定价

JetEngine 是一个高级插件,单个站点每年需要花费 26 美元。开始使用 JetEngine

10.古腾堡编辑器的 Easy Blocks 插件

易块古腾堡块页面构建器

Easy Blocks 是一个相当新的 Gutenberg 块插件,您可以轻松地将其安装在您的 WordPress 网站上。目前,该插件有 20 多个区块,还有更多正在筹备中。

使用 Easy Blocks,您可以轻松地在单行中创建多个列变体、拖放列大小、显示大量推荐并包含 Instagram 帖子。Easy Blocks 是一种简单而有效的解决方案,无论您是从头开始创建网站还是自定义现有网站。

Easy Blocks 插件的优点:

  • 20多个不同的块
  • 完全可定制
  • 重量轻,加载速度快
  • 优秀的支持团队

Easy Blocks 插件的缺点:

  • 最近没有更新
  • 有限块

Easy Blocks 插件定价

Easy Blocks 是免费的。开始使用 Easy Block

11.古腾蜂

GutenBee 块插件

GutenBee 是 25+ WordPress 块的集合,可通过 Gutenberg 块编辑器增强可能性。一些流行的包括按钮块、容器块、帖子类型块等。

GutenBee 允许您禁用不需要的块,这是一个简洁的操作。默认情况下,它们都已启用,但您可以轻松地将它们关闭。这些块还提供广泛的自定义选项,并且完全响应。

GutenBee 的优点:

  • 易于安装和使用
  • 25+ 优雅的积木
  • 轻巧且针对速度进行了优化
  • 启用/禁用块的选项
  • 100% 可定制
  • 响应式

GutenBee 的缺点:

  • 技术支持只能通过有效订阅获得

GutenBee 定价

GutenBee 是免费的,可以从 WordPress 插件库下载。开始使用 GutenBee

12.水獭积木

Otter 的 Gutenberg 块和模板库

Otter 是一个流行的 WordPress 插件,具有 20 多个优秀的块,可以使用 Gutenberg 块编辑器创建创新的布局。无论是个人博客还是成熟的在线商店,Otter 都可以帮助创建一些令人印象深刻的布局。

一些块包括高级标题块、滑块块、手风琴块、谷歌地图块、砖石画廊块、Lottie 动画块等等。

除了块库之外,Otter 还附带 50 多个模板,您可以使用这些模板快速构建专业网站。每个块都可以按照您想要的任何方式进行调整和定制。

水獭积木的优点:

  • 20多个很棒的块
  • 轻量级且不影响页面速度
  • 50多个专业模板
  • 完全可定制
  • 移动响应

水獭积木的缺点:

  • 虽然论坛可以为您提供帮助,但就支持而言,您应该会稍有延迟

水獭块定价

水獭免费提供。开始使用水獭积木

13.卡克斯顿

卡克斯顿块插件

Caxton 是一个块集合,可以使用 Gutenberg 块编辑器轻松创建漂亮和专业的页面。从布局块和形状分隔线到帖子网格、CTA、图标和更多很棒的块,Caxton 都能满足您的需求。

使用 Caxton,您可以通过向页面添加创意布局、背景和形状分隔线来释放您的创造力。Caxton 也得到了 WordPress 创始人 Matt Mullenweg 的赞许。

卡克斯顿的优点:

  • 易于上手
  • 添加令人印象深刻的背景效果,例如视差
  • 在块之间添加漂亮的过渡
  • 独特的形状和分隔块
  • 先进的移动控制
  • 优秀的支持

卡克斯顿的缺点:

  • 块数有限

卡克斯顿定价

卡克斯顿可免费下载。开始使用卡克斯顿

14. Kadence 积木

Kadence Blocks 的 Gutenberg Blocks

Kadence Blocks 是一个非常流行的 WordPress 古腾堡块插件。它来自 Kadence 主题背后的同一团队。Kadence Blocks 添加了 15 个新的自定义块来扩展 Gutenberg 的功能,允许您创建一些令人惊叹的网站。

使用 Kadence Blocks 预建模板库,您无需编写任何代码即可快速启动您的网站。只需按类别浏览并将内容片段拖到您的页面中即可。然后调整它以匹配您的网站要求。

Kadence 积木的优点:

  • 轻巧且仅加载所需的内容
  • 完全可定制
  • 响应式设计
  • 900 多种 Google 字体和 1500 多种 SVG 图标
  • 根据用户角色显示阻止设置
  • 广泛的知识库和文档

Kadence 积木的缺点:

  • 免费版中的有限块
  • 考虑到您有几个提供更多块的免费选项,Kadence Pro 似乎不是一个很好的选择

Kadence 块定价

Kadence Blocks 提供免费版本。还有一个用于附加块的 Pro 版本,起价为每年 89 美元,可在无限制的网站上使用。开始使用 Kadence 模块

15. CoBlocks

CoBlocks 插件

CoBlocks 是一个非常流行的轻量级 WordPress 插件,可扩展您的 Gutenberg 块编辑器的体验。该插件具有创新的块系统,可让您轻松创建出色的网页。

在 CoBlocks 提供的几个优秀块中,行和列块允许您添加动态生成的内容。您还可以使用 Shape Divider 块添加漂亮的分隔线来分割您的内容。

CoBlocks 的优点:

  • 强大而轻量级的插件
  • 30多个惊人的块
  • 使用他们的排版控制面板自定义您的字体
  • 与所有 WordPress 主题兼容

CoBlocks 的缺点:

  • 特定主题和插件可能会出现兼容性问题

CoBlocks 定价

CoBlocks 是 100% 免费的。开始使用 CoBlocks

16. Qubely

Qubely WordPress Gutenberg Blocks 插件

Qubely 是一个 Gutenberg 块插件,为您的块编辑器提供 24 个高度可定制的高级块。此外,它还提供 150 多个预定义部分和现代布局,让您可以想出富有创意和令人敬畏的页面布局。

您可以使用插件的高级功能自定义您的设计。无论是简单的布局还是复杂的布局,Qubely 都可以让您快速创建它们。行列结构将使您能够在单行中拥有多达六列。

Qubely的优点:

  • 方便使用的
  • 24个自定义块
  • 150 多个现成的部分设计(在 Pro 版本中可用)
  • 100% 可定制
  • 移动响应

Qubely的缺点:

  • 优先支持仅适用于专业版用户

Qubely 定价

Qubely 是免费提供的。单个站点的 Pro 版本起价为每年 39 美元。开始使用 Qubely

17. WooCommerce 块

WooCommerce 块插件

如果您想要一些额外的块来帮助在您的在线商店上展示产品,WooCommerce Blocks 是为您量身定制的。无论是在登陆页面、自定义商店页面,甚至在您的页面和帖子上传达您的商店产品,WooCommerce Blocks 都让您变得超级容易。

其中一些块包括特色产品块、精选产品块、畅销产品块、最新产品块、特价产品块、产品评论等。

WooCommerce 块的优点:

  • 易于设置
  • 20 多个 WooCommerce 块
  • 使用单独的设置调整和自定义每个块

WooCommerce 块的缺点:

  • 该插件仅为您的 WooCommerce 商店提供块。对于其他任何事情,您需要安装另一个 Gutenberg 块插件

WooCommerce 阻止定价

WooCommerce Blocks 是免费提供的,可以从 WordPress 存储库下载。开始使用 WooCommerce 块

18.古腾堡块和页面布局

古腾堡积木和页面布局服装积木

Attire Blocks 是一个简单但功能强大的 Gutenberg 块插件,可帮助加快工作流程,同时使用块编辑器创建页面和帖子。Attire Blocks 还附带了一系列设计精美的页面布局,让您的网站看起来很棒。

其中一些块包括功能块、手风琴块、按钮块、后网格块、后轮播块、号召性用语块、图标块等。它还包括 WooCommerce 产品类别块以显示您的商店产品。

着装块的优点:

  • 使用智能代码

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top