古腾堡的 8 个最佳 WordPress 块插件

新的 WordPress 块编辑器 (Gutenberg) 的一大优点是您不仅限于默认块.也就是说,您还可以安装 WordPress 块插件来添加各种新内容和布局块.

通过这些块,您可以让块编辑器更像是一个页面构建器,您可以在其中轻松创建多列布局,插入样式内容(例如推荐或定价表)以及更多内容.

为了帮助您发现一些选择,我收集了 8 个最适合古腾堡的块插件.

让我们深入研究……

用于扩展编辑器的 8 个最佳古腾堡块插件

1.Kadence 块

让我们从最受欢迎的新块插件之一开始——Kadence Blocks.

虽然 Kadence Blocks 确实添加了一些新的内容块,但最独特的是它为您提供的新布局选项,这使其成为与所有块配对的好选择此列表中的其他插件.

具体来说,我指的是它添加的新行布局块.使用此块,您可以创建自己的由任何其他块组成的可自定义行/列布局.

插入时,您可以选择所需的列结构,也可以使用拖放操作手动调整每列的宽度:

或者,您也可以从库中插入预构建的块布局.

除了创建自定义宽度外,您还可以添加背景和边框并控制响应式设计.

除了 Row Layout 块之外,Kadence Blocks 还添加了其他 8 个块用于:

  1. 间隔器/分隔器
  2. 高级按钮
  3. 图标
  4. 高级标题
  5. 标签
  6. 信息框
  7. 手风琴
  8. 图标列表

2.古腾堡终极插件

古腾堡的终极插件是一组来自 Brainstorm Force 的新模块,它们是 Elementor 和 Beaver Builder 页面构建器插件.

这个为您提供了新的布局和新的内容块.

在布局方面,您可以获得用于高级列部分的块.Section 块为您提供了一种"包裹"其他块的方法,并有助于背景、间距和其他组级设置,而高级列为您提供与 Kadence 块类似的深度级别,尽管我发现 Kadence 块是一个调整列宽时更方便用户使用.

至于新的内容块,您有大量的新选项.以下是一些最著名的部分列表:

  • 高级标题
  • 号召性用语
  • Contact Form 7 和 Gravity Forms 的表单样式
  • 内容时间线
  • 营销按钮
  • 显示博客文章的各种方式,包括轮播、网格和砖石布局
  • 价目表
  • 推荐
  • 团队成员

3.可堆叠

Stackable 有免费版和高级版,并为古腾堡提供了大量新内容块.

它是古腾堡最早的插件采用者之一,并且一直成为最受欢迎的插件之一,有超过 10,000 个网站在使用它.

在我写这篇文章的时候,你得到了超过 23 个新块.以下是一些亮点的部分列表:

  • 柜台
  • 推荐
  • 团队成员
  • 视频弹出窗口
  • 定价框
  • 图像框
  • 号召性用语
  • 明信片

您可以在 Stackable 网站.

除了 WordPress.org 上的免费版本之外,还有一个高级版本增加了对以下内容的支持:

  • 高级布局(针对现有区块)
  • 更多效果,例如新的悬停效果
  • CSS 定制器
  • 其他一些较小的功能

在单个网站上使用的高级版起价为 29 美元.

4.CoBlocks

CoBlocks 是一组漂亮的布局和内容块,最近被 GoDaddy 收购.是的,托管/域名巨头!

CoBlocks 中最通用的新块之一是其可调整大小的行/列.就像其他一些添加这种块样式的插件一样,这可以帮助您使用块编辑器创建一些更独特和更复杂的设计.

除此之外,您还有 17 个以上的块-以下是一些亮点:

  • Shape Divider – 让您创建一些非常整洁的布局效果
  • 媒体卡
  • 作者简介
  • 点击推文
  • 动态分隔符
  • 定价表

以下是您可以使用新的 Shape Divider 块执行哪些类型的操作:

5.水獭

Otter 有两个部分.首先,它添加了 12 多个可用于设计的新内容块.然后,它还添加了可以插入到块编辑器中的预制模板(用块构建​​).

以下是一些亮点:

  • 部分-让您选择不同的列布局和/或插入模板库中的预制模板之一
  • 插件卡-让您嵌入来自 WordPress.org 的插件的详细信息
  • 推荐
  • 价格表
  • 关于作者

这是通过 Section 块插入模板的样子.

6.惰性块

Lazy Blocks 是独一无二的,因为它本身实际上并不添加任何新块.相反,Lazy Blocks 让您能够添加自己的自定义 Gutenberg 块,而无需编写一行 JavaScript.

本质上,您将通过选择要为其收集信息的字段来"构建"您的自定义块.然后,您可以使用简单的 HTML/CSS 和标签来控制所有这些信息在前端的显示方式:

如果您曾经使用过 Pods 插件,那么它与 Pods 使用的方法非常相似.

虽然您肯定需要一些基本的 HTML 和 CSS 才能充分利用这个插件,但它是您能找到的最简单的解决方案,可以在 Gutenberg 创建自己的块.

7.原子块

与 Stackable 一起,Atomic Blocks 是 Gutenberg 块编辑器的另一个早期采用者.这是一个来自 Array Themes 的插件,后来被 WP Engine 收购.因此,与 CoBlocks 一样,Atomic Blocks 也得到了 WordPress 领域的大玩家的支持.

原子块没有任何超级花哨的块.相反,它只是为您提供了一些在各种情况下都派上用场的简单实用(但好看)的块.目前,它提供 13 个块用于:

  1. 定价
  2. 帖子网格
  3. 容器
  4. 推荐
  5. 在线通知
  6. 手风琴
  7. 分享图标
  8. 号召性用语
  9. 可自定义的按钮
  10. 间隔和分隔线
  11. 作者简介
  12. 下沉
  13. 电子邮件简报

除此之外,Atomic Blocks 插件的另一个独特之处在于,您还可以将其与专用的 Atomic Blocks 主题配对,以获得统一的体验.但是,您当然不需要这样做,该插件适用于任何主题.

8.阻止图库

Block Gallery 与 CoBlocks 来自同一开发商,这意味着它也是 GoDaddy 收购的一部分.

然而,虽然 CoBlocks 更专注于通用块,但 Block Gallery 专注于帮助您在设计中展示照片画廊,其专用块用于:

  • 砌体画廊
  • 全屏堆叠图库
  • 轮播滑块

因此,如果您正在寻找一种在块编辑器中显示图像的漂亮方式,那么这是一个不错的选择.

关于最佳古腾堡块插件的最终想法

所有这些插件都通过在布局和内容方面为您提供更多选择来帮助增强新的 WordPress 块编辑器.

但是,您仍然需要了解核心块编辑器界面才能充分利用这些插件.

如果您还没有"全力以赴"使用新编辑器,我们有一些帖子可以让您快速上手.首先,您可以查看我们的 WordPress 块编辑器教程.如果您想了解它与旧版编辑器的对比情况,请查看我们的块编辑器与经典编辑器的比较.

对如何使用这些 WordPress 块编辑器插件有任何疑问吗?在评论部分提问!

2
订阅评论
提醒
0 评论
内联反馈
查看所有评论