适用于 WordPress 2022 的 15+ 个最佳 Gutenberg Blocks 插件

已发表: 2022-02-08

这个最好的古腾堡块插件列表是全面的、彻底的和有用的。 Gutenberg 是新的 WordPress 基于块的编辑器,它取代了 WordPress 5.0 中的 WordPress 编辑器。 它彻底改变了在 WordPress 上创建内容的方式。 例如,您可以将多种媒体类型添加到您的网站,并使用这些块更改页面的布局。 编辑器使所有内容块都可拖动。

Gutenberg 块是编辑器块,您可以使用它为您的网站创建内容布局。 WordPress 默认带有基本的内容块,包括按钮、段落、图像和列表。 但是,内容管理系统的默认版本并未附带您可能需要的所有块。 这就是为什么您需要在您的网站上安装 WordPress Gutenberg blocks 插件的原因。 这篇文章是最好的 Gutenberg 块插件的目录及其功能和元素。

最佳古腾堡块插件详细信息如下:

共块

CoBlocks - 古腾堡块插件

CoBlocks 是一个极好的 WordPress Gutenberg 块插件,它提供了一个创新的 WordPress 块集合。 使用此插件,您可以使用行和列块将内容区域添加到您的页面。 这些区域将具有完全响应的边距和填充设置,如果没有 CoBlocks,这些设置将难以访问。 您可以广泛地设置所有这些块的样式,以便您可以实现每个块的外观和效果。

形状分隔线是您可以设置内容块样式的方式之一。 它允许您使用优雅的分隔符分割内容。 CoBlocks 允许您使用自定义控件和设置来处理块。 轮播图库块使您能够创建最优雅的界面来显示您的媒体项目集合。 CoBlocks 允许您使用其排版控制面板轻松更改内容的字体。 您可以设置字体大小、粗细、转换和其他方面。

CoBlocks 是一套优秀的 WordPress Gutenberg 块。 它提供了 30 多个区块,其中包括社交支持区块。 这意味着您网站的内容在社交平台上是可见和可共享的。 这些块包括“点击推文”块、社交分享块和社交资料块。 CoBlocks 为某些电子商务元素提供了最好的 Gutenberg 块。 例如,定价表块非常适合让您轻松获得价格规定,节省您的时间并增加您的收入。

下载/更多信息获取托管

PostX

PostX - 最好的古腾堡块插件

PostX 是另一个用于创建高质量网站的顶级 WordPress Gutenberg 块插件。 该插件为更好的站点提供了许多块和功能。 它带有 19 个用于网站帖子的华丽 WordPress Gutenberg 块。 PostX 有 1 个用于发布滑块的 Gutenberg 块,因此您可以像只有滑块允许的那样优雅地展示您的内容。 另一个块是具有动画效果的动态帖子滑块。 当您修改您的帖子块时,您可以应用任何 88 多种预制块设计。

使用 PostX 创建博客网站时,您可以使用终极控件来自定义博客列表和发布网格块。 创建时考虑到博客,这个插件支持使用谷歌字体编辑块。 这些块带有高级排版控制,因此您可以组合各种字体以获得优雅和品牌。 PostX 具有 SVG 自定义图标,您也可以将其与任何块一起使用。

PostX 的高级版本带有 Gutenberg 存档构建器,可为您提供额外的自定义自由。 此版本还允许您为每个类别分配不同的颜色。 它还提供高级和热门帖子的快速查询选项。 PostX 插件的免费版本带有加载更多分页选项,以便您的内容快速加载。 它还与简码兼容,因此您可以轻松地将块添加到您的页面。

下载/更多信息获取托管

可堆叠

Stackable 另一个最好的古腾堡积木插件

Stackable 使您能够创建具有最佳 Gutenberg 块的动态网站。 其轻量级自定义块为您提供了具有最高性能能力的简单自定义选项。 使用此插件,您可以将古腾堡编辑器本身变成一个页面构建器。 Stackable 为 Gutenberg 提供了大约 35 个灵活、可定制的块。 其中有高级内容显示块,包括栏目、标题、文本和图像块。

此 WordPress Gutenberg 块插件附带的页面构建器设计选项非常适合通过多种选项微调您的创作。 块排版设置与 Google 字体选项相结合,足以提供优雅和可读的内容。 您可以在悬停时利用多个块布局和动画块以最优雅的方式呈现您的内容。 Stackable 具有适用于所有内容块的高级图标选项。

您可以使用此插件附带的选项创建动态 WordPress 内容。 选项包括动态内容、内置自定义字段、块条件显示和查询循环完全自定义。 如果您有代理机构,Stackable 允许您通过其代理工具块有效地迎合您的客户。 它们包括角色管理器和 Block CSS 定制器。 该插件附带的集成包括 WPML 翻译插件、Font Awesome 图标、工具集、Google 字体、ACF 和 Blocksy。

下载/更多信息获取托管

古腾堡的终极插件

古腾堡的终极插件

古腾堡的终极插件带有先进且强大的块,可帮助您快速创建网站! 星级评分是与潜在客户建立信任的一种简单方法,星级评分块可帮助您将他们添加到任何页面。 表格对任何网站都至关重要。 表单块非常适合创建联系表单、建议、新闻通讯和其他类型的表单。 该插件允许您添加电话号码、消息框、电子邮件、姓名和复选框等字段。

古腾堡 Ultimate Addons 附带的选项卡块增强了用户体验。 该块为您提供了一种简单的方式来展示选项卡式内容,这对于在非常小的空间中添加长内容至关重要。 Lottie 是一个为任何页面设计添加动画的块。 如果您想完全控制动画触发器、速度和其他选项,它就在那里。 这个 WordPress Gutenberg 块插件有一个审查模式块,允许您通过单击启用审查模式支持。

分类列表块允许您显示帖子、页面和帖子类型的类别。 您可以使用带有颜色和版式设置的列表、网格或下拉布局来设置显示样式。 使用 Blockquote,您可以展示具有许多自定义选项的时尚和设计格式的可推文文本。 时间线块允许您在您的网站上创建惊人的时间线。 你可以用它来展示你公司的进步、历史,甚至你的成就。

下载/更多信息获取托管

水獭 - 最好的古腾堡积木

Otter 是与 WordPress 编辑器一起使用的一些最佳 Gutenberg 块和模板的另一个动态集合。 它专注于提供尽可能多的定制所需,同时保持轻量级,以保持较高的站点速度。 Otter 非常适合创建带有现成块的个人博客或电子商务商店。 它允许您在几秒钟内将基本块转换为优雅的布局。 这个 WordPress Gutenberg 块插件使您的拖放界面更易于使用。

Otter 具有部分块,使您能够创建创新的布局,从而促进出色的可读性和高视觉吸引力。 您可以使用 Gutenberg 创建自己的布局,也可以选择 Otter 附带的布局之一。 它提供的每个模板和布局都设计有用于控制填充和边距的响应控件。 他们的终极体验都完全响应在移动设备、台式机和平板电脑显示器上的查看。

Otter 随附的模板库包含 50 多个不同的模板,为您提供创作自由。 它提供了许多具有风格变化的元素,因此您可以创建最优雅的页面。 此插件随附的 Google 地图块经过重新设计,可提供更多功能和控制。 您可以自定义标记的颜色和描述、更改大小和样式、按坐标或名称搜索,以及添加和删除地图控件。

下载/更多信息获取托管

古腾托

Gutentor 是一个构建 WordPress Gutenberg 块的页面

Gutentor 是一个页面构建 WordPress Gutenberg 块集合,为网页设计提供了无限的可能性。 此插件附带的块的优雅设计和高级功能可让您实现您的梦想网站。 Gutentor 附带的多功能美观的积木可以在以后切换和定制。 这个 WordPress Gutenberg 块插件是轻量级的,并针对流畅和快速的性能进行了优化。 它通过为动态 CSS 使用内部和外部 CSS 文件来促进进一步优化。

由于 Gutentor 对 SEO 友好,它提供的所有块都将提高您的内容在 Google 等搜索引擎上的可见性。 由于所有的块和模板都精心制作,您将获得快速的设计体验。 您不必使用 Gutentor 添加任何行或列。 当您将块添加到您的站点时,您就完成了。 插件中有一个中继器字段,用于在块内创建新项目。 它具有编辑、删除和拖放重新排序选项。

如果您是一位创意设计师,您会发现可自定义的元素(例如行和列)很有帮助。 Gutentor 附带的每个块都有用于 HTML 标签、背景、边框、框阴影、边距填充和内置动画的高级选项。 对于此插件中的每个块,您可以获得针对不同类型页面的单个和多个设计。 如果您想在背景中嵌入视频,如果您不想直接上传视频,可以从 YouTube 或 Vimeo 嵌入视频。

下载/更多信息获取托管

格威德

Getwid - 古腾堡积木

Getwid 是 40 多个 WordPress Gutenberg 块的集合,它们极大地扩展了默认编辑器的块。 它还带有超过 35 个独特的块模板。 它的整体布局和功能对开发人员友好,便于实时定制。 Getwid 允许您为视频、滑块和图像构建自定义页面部分。 然后,您可以应用不同的动画、形状和颜色。 您使用该插件获得的高级标题块为您提供了一个带有排版控制的控制面板,用于创建最吸引人的标题。

您可以使用 Getwid 的自定义标记轻松地将 Google 地图嵌入到您的页面中。 如果你想要一个带有图标的用户界面,你可以利用插件提供的图标块。 图标框也可用于带有图标的标题和文本框。 然后,您可以修改大小、颜色和悬停效果。 另一方面,您将获得一个图像框块,以更好地呈现带有动画效果的图像。

Getwid 允许您为任何社交平台添加社交图标并为所有设备自定义它们的对齐方式。 如果您想在您的网站上做广告,您可以利用横幅块展示具有大量自定义选项的最佳广告演示。 图像滑块块在导航样式、图像大小和动画效果方面提供了更多自由。 Getwid 允许您使用人员块轻松创建团队展示。 您也可以使用价格框块进行比较和定价表。

下载/更多信息获取托管

幽灵套件

幽灵套件

除了 WordPress Gutenberg 块和模板外,Ghost Kit 还为您带来大量扩展。 它为您提供了与最好的通用页面构建器一样多的控制权。 Spacings 是插件附带的扩展,可以轻松地为插件和核心 Gutenberg 块添加间距。 自定义 CSS 和 JavaScript 扩展可在所有页面上访问,并允许您将两种代码变体添加到当前页面或整个站点。

如果您有任何想要销售的产品或服务,您可以使用定价表块来展示您的服务成本。 Twitter 块非常适合显示您的 Twitter 提要和用户数据。 Ghost Kit 有一个小部件区域块,您可以使用它在侧边栏上放置小部件的创建区域。 您可以使用 GIF 块从 Giphy 搜索和插入动画图像。

Ghost Kit 允许您使用 reCAPTCHA 功能将联系表格添加到您网站上的任何页面。 您可以使用 Google 地图块在您的页面上显示带有自定义标记、样式和设置的地图。 当您将一些订单带到您的网站时,您会发现目录块非常有用。 您需要做的就是解析内容中的页眉。 进度块非常适合显示用户的工作、技能和收入的进度。

下载/更多信息获取托管

原子块

原子块

Atomic Blocks 或 Genesis Blocks 具有精美的设计,可以轻松定制您的最终布局。 该插件支持 Accelerated Mobile Pages,它内置在它拥有的每个块中。 高级列、部分和布局块可以轻松创建最简单的页面和内容。 Atomic Blocks 支持创建具有定价块的电子商务网站,您可以在其上分解您的服务和产品价格。

您需要推荐来证明您的可靠性:这个 WordPress Gutenberg 块插件提供了一个优雅的推荐块。 共享图标块易于使用,因此您可以添加有助于快速共享任何页面和帖子的图标。 Atomic Blocks 具有号召性用语块,可用于提高页面浏览量、产品销售和电子邮件订阅。 容器块有助于将单独的容器收集到一个父容器中,以便您可以创建具有不同内容部分的页面和帖子。

内联通知块允许您在页面上添加和自定义带有可编辑文本、标题和通知颜色的通知框。 您还可以更改其字体大小并使其可忽略或始终显示。 Atom Blocks 有一个可自定义的按钮块,您可以将其添加到具有各种功能的页面和帖子中,包括大小、形状、颜色、文本颜色以及在新窗口中打开。

下载/更多信息获取托管

古腾堡街区

Gutenberg Blocks 是一个有用的即用型 WordPress Gutenberg 块集合,其中包括许多通用 UI 块,可提供更多自定义选项。 使用它的表格构建器块,您可以为不同的目的创建可下载的表格并直观地显示它们。 包是当您想要显示文件、下载或包时会派上用场的块。 Gutenberg Blocks 有助于显示具有不同过滤器的查询下载管理器项目。

类别块非常适合显示您想在您的网站上显示的类别。 Gutenberg Blocks 有一个注册表单块,您可以将其放置在您网站的任何位置,以便用户可以在您的网站上注册不同的角色。 还可以使用登录表单,以便您可以创建用户登录的会员网站。

Gutenberg Blocks 附带的最好的 Gutenberg 块之一是它的仪表板块。 它允许您将漂亮的用户仪表板添加到您的站点。 搜索结果块对于在您的页面上添加搜索选项非常有效。 这个插件允许您将包嵌入到您的页面中以供下载。 WordPress 下载管理器的类别块将在具有不同布局样式的用户友好块中显示选择的类别。

下载/更多信息获取托管

古腾比

Gutenbee 为您带来了许多 WordPress Gutenberg 块,它们将极大地增强您的编辑体验。 手风琴允许您将网站上的内容组织成手风琴元素。 然后,您可以直接在 WordPress 编辑器中编辑每一寸内容,选择您想要的任何颜色组合。 Gutenbee 有一个横幅块,用于创建有吸引力且灵活的横幅。 它甚至支持视频背景,以便您可以将用户的注意力吸引到优惠和活动上。

发布可操作的内容时,您需要使用按钮块。 它使您可以一次添加至少一个按钮并自定义其颜色、对齐方式和边框。 Gutenbee 提供了一个强大的容器块,允许在列中分组或拆分高度响应的内容。 当您有即将发生的事件时,倒计时块非常适合。 一旦你选择了日期、排版、颜色和布局,你就可以开始了!

Gutenbee 必须提供的另一个最好的 Gutenberg 块是推荐块。 它使您能够用现有客户的评论给潜在客户或客户留下深刻印象。 如果您正在与餐厅网站打交道,您会喜欢美食菜单块。 它可以让您以时尚的方式展示您的菜肴和饮料。 Gutenbee 提供了一个图像比较块,非常适合想要展示前后图像的用户。

下载/更多信息获取托管

编辑工具包

EditorsKit 为您的网站提供了一组令人印象深刻的块选项。 这个 WordPress Gutenberg 块插件提供了 10 多种富文本格式,用于创建出色的内容。 您可以在编辑器上轻松插入特殊字符和符号。 块可见性的控制权在您手中。 EditorsKit 允许您基于高级自定义字段插件显示或隐藏 Gutenberg 块。 您还可以在不同类型的设备上隐藏或显示块。 该插件还允许您控制登录/注销状态的可见性。

古腾堡提供显示您的内容的字数。 EditorsKit 对此进行了扩展,以允许您也显示预计阅读时间 (ERT)。 由于此插件已准备好简码,因此您可以使用简码在任何帖子上显示 ERT。 您可以自由选择在您的网站上显示图像和封面的样式。 这些样式包括图像帧和阴影的自定义形状。 除了 Gutenberg 提供的样式之外,列表块的其他样式选项包括箭头、交叉、连接、加星标、虚线和选中列表。

使用 EditorsKit,您可以更改不同设备的文本对齐方式。 您还可以使用高级面板下的简单切换选项轻松选择一些想要全屏显示的块。 该插件还允许您通过单击切换来隐藏您网站上的帖子、页面或帖子类型的标题。

下载/更多信息获取托管

终极方块

如果您是营销人员或博主,Ultimate Blocks 是一个绝佳的选择。 它使您的网站对您和您的用户非常友好。 内容过滤器块允许您的访问者根据不同的标准过滤内容。 您可以使用产品名称、摘要、功能、按钮和星级将评论块添加到您的任何页面。 此块针对 Schema 标记进行了优化,因此可以提升您的 SEO。 Ultimate Blocks 有一个用于“HowTo”模式帖子的块。 它具有步骤、部分和有效的模式数据。

Ultimate Blocks 允许您从预先编写的标题轻松生成目录。 您还可以将内容添加到标签中的帖子和页面。 Gutenberg 的拖放功能使您可以轻松地对选项卡进行排序。 号召性用语块带有一个完全可自定义的按钮。 您可以在手风琴中添加内容,以便您的用户可以展开它们以查看内容。

这个 WordPress Gutenberg 阻止插件允许您在帖子和页面中添加内容,用户只需点击这些内容即可发布推文。 可扩展块还允许您添加可扩展内容。 您可以通过单击“显示更多”部分隐藏内容并允许显示所有内容。 Ultimate Blocks 带有一个社交共享块,可让您添加可自定义的按钮,以便轻松共享您的帖子和页面。

下载/更多信息获取托管

PublishPress 块

PublishPress 块

PublishPress Blocks 本质上是最好的 Gutenberg 块的令人钦佩的集合。 其最显着的特点是最新的内容或新闻显示时钟。 它允许您以许多不同的布局显示帖子和页面。 您可以控制谁使用您通过 PublishPress Blocks 发布的每个块。 该插件使您能够将自己的自定义 CSS 样式添加到您的块中以及在编辑您的帖子时。 您可以从许多页面构建器布局中进行选择,每种布局都可以完全自定义并响应所有设备。

当您希望尽可能少地显示长内容时,PublishPress Blocks 附带的手风琴块为您提供了完美的工具包。 基于古腾堡默认按钮块的按钮块是改进版本,具有附加功能。 它具有悬停、边距、填充、阴影、边框和其他选项。 PublishPress Blocks 附带的联系表单块非常适合创建无限表单并将它们放置在您的任何页面上以收集用户消息。

当您想在您的网站上显示显眼的数字时,计数块会派上用场。 您可以使用它来展示筹集的资金金额、客户数量和其他数字。 Google 地图块让您可以使用工具提示、自定义图标、缩放级别、描述和自定义颜色等功能创建地图。 图像和图像滑块组可让您优雅地展示图像。

下载/更多信息获取托管

卡登斯

Kadence Blocks 使用有用的 WordPress Gutenberg 块促进您的自定义功能的扩展。 在这些块中是行布局,这是一种制作和展示嵌套在容器或列中的块的行的简单方法。 高级图库可帮助您创建最令人惊叹的滑块、轮播和照片库。 它包含自定义链接、标题和其他有助于改进 SEO 的元素。 由于 Kadence 允许您选择较小的图像尺寸,它有助于更​​快的网站。

高级标题锁定可让您转换标题并自定义字体颜色、大小、样式、系列,甚至突出显示您想要的单词。 您使用 Kadence 获得的高级按钮允许使用悬停控件和旁边的图标进行广泛的样式设置。 信息框是用于展示图标或图像的块,这些图标或图像通过有吸引力的样式选项传递有用的信息。

一旦您定义了块的默认设置,Kadence 的配置设置就会使您在添加新块时,它们将采用预定义的设置。 间距控件确保块的填充和边距的精确间距和设计。 您可以通过操作此插件的可见性控件来隐藏某些用户角色的块。 颜色和背景控件允许您自定义叠加层、边框、渐变和视差背景。 使用 Kadence,您可以确保您的网站仅在需要时加载 JavaScript 或 CSS,并且只加载您想要的块。

下载/更多信息获取托管

特温蒂格

Twentig 通过其最佳 WordPress Gutenberg 块的集合,可以轻松构建满足您需求的最佳网页。 它提供了一种使用各种标题布局的简单方法,甚至为您提供了一个粘性标题选项。 您可以自定义标题宽度并使用各种预定义的装饰对其进行自定义。 Twentig 允许您选择徽标宽度,并为您的徽标显示提供透明标题选项。 使用此插件,您可以选择仅在平板电脑上显示汉堡菜单。

Twentig 允许您在处理内容显示时设置文本宽度。 在博客布局选项中,它附带了堆栈、帖子网格和帖子网格卡。 您可以选择要为后网格布局显示的列数。 特色图片和帖子标题布局是完全可定制的。 Twentig 允许您使用 Google 字体配对、预设、设置和颜色选项为您提供大量的排版选项。

使用 Twentig,您可以嵌入来自 YouTube、SoundCloud、Vimeo 的视频,并上传 HTML 文件。 该插件允许您选择媒体内容框架的样式。 可供您使用的图像样式包括圆角、框架、边框和阴影。 您可以展示带有文本悬停效果的社交图标。 Twentig 有一个块,可让您显示带有卡片和边框样式、图像纵横比、文本对齐、标题大小和拉伸链接的最新帖子。

下载/更多信息获取托管

清盘

当您希望将 WordPress Gutenberg 块插件添加到您的网站时,此列表包含您需要的一切。 您无需了解此列表中任何插件的最深层工作原理。 这些插件中的每一个都是即插即用的。 您需要做的就是安装您选择的插件并激活它。 之后,您将在 Gutenberg 编辑器界面中准备好新的 Gutenberg 块以供使用。 我们已经组装了免费插件,但如果您想要比免费插件提供的更多块,您可以选择高级版本。 假设您已经选择了一个,请继续创建您的卓越网站。