15 个最佳 WordPress 古腾堡块插件

已发表: 2022-08-12

古腾堡编辑器现在是 WordPress 的一部分。 如果您正在寻找最好的 Gutenberg 块插件,我们在本文中列出了最常用的选项。

引入古腾堡编辑器后,您在帖子页面上使用的所有元素都是块。 如果要在帖子中添加图像,则必须添加图像块,对于段落、图块和任何其他元素,您必须添加相应的块并对其进行编辑。

因此,如果您的帖子需要任何其他功能,则必须添加这些额外的块以添加选项。

WordPress 已经创建了许多不同的块,例如文本块、图像块、标题块、表格、列、按钮和许多其他块。

我们在这里创建了有关如何使用古腾堡编辑器的详细教程,本文将帮助您理解并开始使用新的编辑器。

在我们继续使用 Gutenberg 块插件之前,让我们看一下默认编辑器附带的常规块。

01.标题块:您使用此块为您的帖子或页面添加标题。 通常,它用于在您的博客文章的副标题中添加 H2、H3 标签。

02.段落块:这将是您的 WordPress 网站上使用最广泛的块之一。 顾名思义,此块将用于向您的博客文章添加内容。

03. 图像块:这是不言自明的。 您可以使用此块将图像添加到您的博客文章中。

04. 列表块:您可以使用此块在您的博客文章上创建项目符号。 这个选项在经典编辑器中也有。

05. Buttons :我们曾经添加自定义代码或短代码插件来在经典编辑器上添加按钮。 在引入 Gutenberg 之前,WordPress 没有添加号召性用语按钮的默认选项。 但是现在,它带有一个默认块来添加一个号召性用语按钮。

06. 表格块: WordPress 从来没有在帖子中添加表格的选项,但是使用 Gutenberg,它带有一个默认选项,可以在帖子中添加表格。 您可以使用表格块以表格形式创建项目列表,或比较您在网站上展示的不同产品。

表格块为您提供了一些自定义颜色设置的选项,但它是有限的。 因此,您的网站上可能仍需要一个高质量的表格插件。

07. Cover Block :这是新编辑器的另一个非常有用的补充。 封面块可以是一个非常有效的元素,可以创建高质量的文章,不同的部分被封面块清楚地划分。

08. 嵌入块:现在嵌入来自 YouTube、Twitter、Instagram 等其他来源的内容比以前容易得多。 默认嵌入块为您提供了许多选项来嵌入来自多个平台的内容。

09.列块:使用古腾堡,您可以快速选择在页面上的帖子上创建多列内容布局。

10. 格式化块:默认的古腾堡编辑器为您提供了许多块,您在编辑文本以外的内容类型时可能需要这些块。 您有一个代码块、一个 HTML 块等等。

11.画廊块:古腾堡也有一个默认的画廊块。 您可以在画廊网格形式中高质量地添加多个图像。 您可以上传新图片或为您的媒体库选择图片以在您的帖子中展示。

在创建内容时,还有许多其他块非常有用。

为什么需要自定义 Gutenberg 插件?

由于 Gutenberg 已经在默认选项中提供了这么多块,几乎可以满足创建博客文章的所有需求,为什么您需要自定义插件?

您需要自定义 Gutenberg 块插件的主要原因是默认块在设计可能性方面受到限制。 此外,您可能需要站点上的多个其他块,这些块在默认选项中尚不可用。

如果您正在管理一个非常简单的博客,您只想发布内容并且不需要任何扩展功能,那么默认选项就足够了。

Gutenberg 不仅仅是编辑器,它本身就是一个网站构建器,这些自定义 Gutenberg 块插件使为您的网站创建美观设计的过程变得简单。

您可以使用以下许多块插件为您的网站创建完全自定义的设计,您将不再需要网站构建器。

因此,事不宜迟,让我们看看顶级 Gutenberg 块插件。

什么是最好的 Gutenberg Block 插件?

如果默认的 Gutenberg 块不足以完成您的工作,您可以在 WordPress 网站上使用许多优质的 Gutenberg 块插件。

以下是一些被广泛使用的最流行的 Gutenberg 块插件。

= 目录隐藏
1为什么需要自定义 Gutenberg 插件?
2什么是最好的 Gutenberg Block 插件?
2.1谷腾蜂
2.2原子块:古腾堡编辑器的附加组件
2.3高级古腾堡
2.4 Spectra(古腾堡以前的终极插件)
2.5终极方块
2.6库贝利
2.7可堆叠
2.8 Getwid
2.9 CoBlocks:内容营销人员的古腾堡块
2.10博克兹
2.11古腾堡的编辑器块
2.12轨道狐狸
2.13水獭积木
2.14 Kadence 块
2.15任何 Gutenberg 块的额外块设计、样式、CSS
2.15.1最后一句话

古腾蜂

GutenBee 是另一个很棒的免费插件,它提供了大量的自定义 Gutenberg 块选择,使您的 WordPress 网站上的内容创建更容易、更灵活。

GutenBee 目前将 27 个自定义块与新块和定期添加的更新功能捆绑在一起。

使用食物菜单块为您的酒吧或餐厅创建精美的菜单,其中包含图像、价格和描述。

忘记地图的无聊默认外观,使用 Google 地图块,您可以选择众多捆绑的自定义样式之一,甚至可以引入您自己的 SnazzyMaps 样式来为您的联系页面增添趣味。

评论块允许您使用多个类别和自动平均评分来总结您的电影、食物、游戏等评论。

创建具有视差和视频背景的醒目横幅,以吸引观众的注意力。

拖放内容中的帖子类型块以创建具有可变列号、类别过滤等的帖子和自定义帖子类型列表。

当然,GutenBee 提供了所有基本块,如段落、标题、选项卡、手风琴、图库、图标块等等。

GutenBee 块提供广泛的外观选项,可自定义颜色、背景、边框、阴影等。 此外,它们的可见性选项允许您根据正在查看的设备类型显示或隐藏块,或者为登录或注销的用户显示/隐藏块。

GutenBee 插件
获取插件

原子块:古腾堡编辑器的附加组件

一个免费且流行的 Gutenberg 块 WordPress 插件,它为您的 WordPress 网站提供了许多有用的块。

该插件由 WPEngine 团队接管,因此您可以期待将来定期更新和有用的新块。

该插件已经提供了一些非常有用的块可供使用。

  • 后网格块
  • 容器块
  • 号召性用语块
  • 可定制的按钮
  • 隔板和隔板
  • 作者简介
  • 下沉帽
  • 见证
  • 内联通知
  • 手风琴
  • 分享图标

该插件简单易用。 激活插件后,您将在管理后端获得该选项。

该插件将在块编辑器中添加一个新的原子块选项。 您可以像任何其他 Gutenberg 块一样选择任何现成的 Atomic Blocks 到您的页面。

原子块
获取插件

高级古腾堡

Advanced Gutenberg 是一个非常有用的 Gutenberg WordPress 插件,它将为您的 WordPress 站点带来超过 20 个不同的有用块。

这是由 JoomUnited 团队创建的插件,该团队提供了一些其他有用的 WordPress 插件以及 Advanced Gutenberg 插件。

激活插件后,您将在管理仪表板中获得该选项。 该插件为您提供了创建其他配置文件并根据角色或配置文件分配块的选项。

高级古腾堡

您可以在编辑帖子时添加高级块,并在 Gutenberg 编辑器上对其进行自定义。 该插件通过许多附加功能增强了一些最重要的块,例如图像、按钮等。

高级块

Gutenberg 提供了许多创建丰富文章设计所需的块,例如按钮、表格等。但设计选项有限。 Advanced Gutenberg 插件通过新的设计选项以及该插件带来的其他块来增强所有这些现成的块。

让我们看一下表格功能。

如果您想为任何产品或服务放置比较表,默认的 Gutenberg 表在设计方面非常有限,Advanced Gutenberg 将通过为其添加样式选项使其完整。

高级古腾堡表
获取插件

Spectra(古腾堡以前的终极插件

作为顶级 Gutenberg Blocks WordPress 插件之一,Spectra 为您的网站带来了许多有用的块。

大量用户已经在使用该插件。 如果您正在为您的网站寻找最好的 Gutenberg 块插件,您可以使用此工具。

以下是终极附加插件提供的一些重要模块。

  • 高级专栏
  • 高级标题
  • 呼吁采取行动
  • 谷歌地图
  • 时间线帖子
  • 帖子布局
  • 价位表
  • 和更多

如果您正在寻找为您的博客创建漂亮的基于网格的布局的选项,您不必安装任何额外的插件,因为 Spectra 插件附带了为您的网站创建不同类型的帖子布局的选项,包括 Masonry网格布局。

此外,如果您正在管理一个需要包含 Google 地图的站点,您可以使用该插件在您的帖子中插入地图,我们已经发表了一篇文章,向您展示如何使用 Ultimate 插件插件插入 Google 地图。

部分块是另一个有用的选项,您可以使用它为您的博客文章创建一个漂亮的布局。 这些盒装和全角部分在早期使用 WordPress 是不可能的,至少在不使用网站构建器的情况下是不可能的。

现在,使用 Spectra 真的很容易。 总的来说,这是您可以在您的网站上使用的最好的 Gutenberg 块插件之一。

光谱插件
获取插件

终极方块

目前 Gutenberg 的 Ultimate Blocks 为您提供 14 种不同的块,团队正在开发许多新块,使其成为 Gutenberg 编辑器最全面的解决方案之一。

该插件非常简单且易于上手。 激活插件时,您将在 WordPress 管理面板中看到插件选项。 默认情况下启用所有块,如果您不想使用它们,您可以选择禁用任何块。

当您创建一个新帖子时。 您将看到 Ultimate Blocks 选项的新块组。 您可以将它们用作任何其他默认的 Gutenberg 块。

古腾堡终极积木

该插件为您提供博客作者经常需要的一些非常重要的块,例如目录、星级、点击推文、通知框、倒数计时器等。

因此,此插件将淘汰您当前在您的网站上使用的许多不同插件,因为它可以单独完成所有这些任务。

如果您需要插件方面的任何帮助,开发人员会提供强大的支持。 因此,如果您已经开始使用 Gutenberg 编辑器,请使用 Ultimate blocks 插件将其提升到一个新的水平。

终极方块
获取插件

曲贝利

Qubely 是一个 Gutenberg 块插件,它最大限度地减少了 Gutenberg 编辑器的所有限制并开辟了新的可能性。

您可以使用 WordPress 默认编辑器上的 Qubely 自定义块创建任何复杂的布局。

使用 Qubely 设计定价计划、功能、推荐、进度条等。 在网格和列表视图中展示帖子,时尚地展示团队成员,并弹出视频以吸引更多访问者。

通过应用开箱即用的样式选项,完全控制 WordPress Gutenberg 块编辑器。

Qubely 提供现成的部分、布局包、形状分隔器、设备特定的响应控制系统、排版控制选项和许多其他功能和元素。

Qubely 使用自定义 Gutenberg 块来处理您的网站设计。 Qubely 块功能强大且用户友好。

您有很多选择来调整设计并以任何您想要的方式显示内容。 Qubely Gutenberg 插件中的块数随着其更新而增加。

Qubely 已经有 26 个完全免费的区块供您使用。 未来几天还会有更多区块出现。

一些值得注意的 Qubely 块是:

  • 后网格
  • 价钱
  • 块包装器
  • 团队
  • 图片
  • 时间线
  • 见证
  • 柜台
  • 标签
  • 手风琴/切换
  • 视频弹出
  • 谷歌地图
  • 进度条
  • 分频器
  • 按钮组
  • 信息框
  • 高级列表
  • 联系表
获取插件

可堆叠

Stackable 是另一个值得一提的插件。 这个插件添加了许多非常有用的块,可以在创建具有不同元素(如数字、计数器、带背景图像的文本等)的页面时使用。

当您激活此插件时,它会添加一个新的块部分,您可以在创建丰富的页面设计时使用它。

该插件提供的一些重要块是

  • 计数器
  • 容器
  • 特色网格
  • 见证
  • 通知块
  • 团队成员阻止
  • 和更多
可堆叠的古腾堡积木
获取插件

格威德

如果您正在寻找一个全面的免费 G​​utenberg 插件选项,这对您来说是一个不错的选择。

MotoPress 的这个插件带来了 29 个非常有用的块,您可以在 WordPress 网站上使用它们。

以下是 Getwid 插件提供的一些重要模块

  • 部分
  • 高级标题
  • 按钮组块
  • 评论
  • 进度条
  • 柜台
  • 最近的帖子
  • 价格框
  • 社交链接
  • 图像堆栈库
  • Instagram
  • 横幅
  • 见证
  • 价格框
  • 社交链接
  • 最近的帖子

使用这个与 Getwid 插件完全兼容的插件,您可以获得一个漂亮的免费 G​​utenberg 兼容主题。 一旦你有了这个组合,你就不会为你的网站提供另一个网站构建器。

格威德
获取插件

CoBlocks:内容营销人员的古腾堡块

顾名思义,这个插件提供了对营销人员有用的块。 该插件由 ThemeBeans 团队创建。

这是此插件提供的块

  • 手风琴块
  • 警报块
  • 社交分享块
  • 作者块
  • 动态 HR 模块
  • 点击推文块
  • GIF 块
  • GitHub Gist 块
  • 定价表块
  • 高亮块
共块
获取插件

博克兹

Bokez 是另一个令人惊叹的 Gutenberg 块集合,您可以使用它来创建页面。 它为您提供了一些非常重要的块,如推荐、手风琴、后网格、封面块等等。

博克兹古腾堡积木
获取插件

古腾堡的编辑器块

如果您正在寻找可用于创建具有不同块和元素的完整登录页面的插件,那么这对您来说是一个不错的选择。

该插件为您提供了许多非常有用的 Gutenberg 块,您可以使用它们来创建包含英雄部分、内容包装器、团队、定价表等的登录页面。

WordPress 古腾堡块插件
获取插件

轨道狐狸

Orbit Fox 是一个非常方便的 WordPress 插件,具有许多有用的功能和选项。 通过提供所有这些功能,这一个插件可以替换许多其他插件。

从简单的 Google Analytics 集成到现成的页面模板,它应有尽有。

该插件还为 Elementor 和 Beaver Builder 等网站建设者提供了许多附加组件和小部件,使其成为非常有用的产品。

它为您提供社交共享按钮,您可以从大量选项列表中选择您希望使用的按钮,它为您提供现成的页面模板,您可以使用这些模板在您的网站上创建漂亮的登录页面。

最重要的是,您将获得 1 GB 的免费 CDN 流量,它将优化您网站上的图像,使其加载更快。

轨道狐狸
获取插件

水獭积木

Otter Blocks 是另一个非常有用的 Gutenberg 块插件,您可以在 WordPress 网站上免费使用它。

这个轻量级插件将帮助您创建一个视觉上吸引人的网站。 该插件为您提供了许多不同的块。

它带有一个现成的模板库,您可以一键将其插入页面并根据需要进行编辑。

因此,如果您想避免那些减慢您网站速度的代码繁重的网站建设者,这个插件将为您解决问题。

重要区块

  • 节块
  • 滑块
  • 高级按钮
  • 高级标题块
  • 后网格块
  • 定价块等
水獭块插件
获取插件

Kadence 积木

Kadence Blocks 插件本身就是一个网站构建器,它将确保您不再需要网站构建器来为您的网站创建完全自定义的设计。

无论您管理什么样的网站,无论是简单的博客还是电子商务网站,Kadence Blocks 插件都会负责您网站的设计。

该插件提供了许多不同的块,您可以根据需要将它们组合在一起并自定义主题,以使您的网站看起来完美。

事实上,该插件附带了许多现成的网站演示模板,您可以在您的网站上导入和使用这些模板。 由于该插件简单易用,即使您是一个完整的新手,您也可以自定义它。

Kadence 积木
获取插件

任何古腾堡块的额外块设计、样式、CSS

这是另一个 Gutenberg 插件,但不是用于添加新块,而是为您已添加的插件设置样式。

如果您活跃于 WordPress 社区,您可能知道像 CSSHero 这样的插件,这些插件是为非设计师创建的,用于通过视觉样式动态编辑 CSS 代码。

这是一个这样的插件,它与添加到此列表中的大多数 Gutenberg 插件完全兼容,您可以使用此插件来设置您通过所有这些块插件添加的块的样式。

这个插件带有 60 多个设计选项。 因此,如果您不是对 CSS 样式代码不满意但希望自定义块的外观和感觉的人,那么此插件适合您。

额外的块设计
获取插件

最后一句话

这些是您可以在 WordPress 网站上使用的一些最好的 Gutenberg 块插件。 在未来的日子里,我们将看到许多与 Gutenberg 相关的插件。 在某种程度上,这些插件的工作方式类似于旧 WordPress 中的简码,我们用来向我们的页面添加不同的功能。

现在,在新版本的 WordPress 中,这些成为块或选项来增强现成的块以使其更好。

随着我们继续测试更多插件,我们将添加更多Gutenberg WordPress 插件,因此,不要忘记将此页面添加为书签并稍后检查更多选项。