当前位置:首页>WordPress插件>10个优秀的古腾堡编辑器(Gutenberg)增强插件

10个优秀的古腾堡编辑器(Gutenberg)增强插件

WordPress 5.0 中引入的古腾堡编辑器Gutenberg)提供了一个预建元素或“块”库,可帮助您以更直观的方式创建网站。WordPress 6.0 添加了一组新的块,并对特定块进行了设计增强。现在,您拥有最好的古腾堡块插件,可以将各种项目添加到块编辑器中。所有这些使您可以更好地控制网站建设,让您可以立即启动任何类型的网站。

今天我们来推荐一些 Gutenberg 编辑器增强插件,它们拓展了 Gutenberg 编辑器的基本功能,允许您添加和自定义大量元素,如按钮、部分、图标等。

10个优秀的古腾堡编辑器(Gutenberg)增强插件 - Best Gutenberg Block Plugins
Best Gutenberg Block Plugins

Otter – Gutenberg Blocks

10个优秀的古腾堡编辑器(Gutenberg)增强插件 - Otter Blocks
Otter Blocks

Otter 是一个轻量级插件,它添加了具有高级自定义选项的新块,以及您可以在您的站点上导入的预构建模板。它还增加了默认/第三方块的功能。实际上,这意味着您可以在不使用传统页面构建器(如Divi和Elementor)的情况下构建漂亮的页面。

添加了23+区块,包括

  • 动画块,有 50 个动画
  • 弹出块
  • 部分块,最多六列
  • 倒计时块
  • 产品评论比较块
  • 定价和定价部分块
  • 洛蒂动画
  • 添加到购物车块

最适合:Otter 广泛的块可以服务于多个用例。例如,博主会发现帖子块和关于作者块很有用。商业网站可以使用产品评论比较、营业时间、服务、定价和添加到购物车块。而且,对于想要限制访问内容的网站,可见性条件自定义选项可以提供帮助。简而言之,Otter可以帮助想要快速构建 Gutenberg 页面的网站建设者减轻很多负担,同时充分利用 Gutenberg 的功能。

价格:免费,专业版起价 39 美元。

CoBlocks

10个优秀的古腾堡编辑器(Gutenberg)增强插件 - Coblocks
Coblocks

CoBlocks 为您提供了额外的块和古腾堡编辑器的附加功能。它在行和列块的帮助下添加具有特定响应边距和填充设置的动态生成的内容区域。通过这种方式,它为编辑器带来了真正的页面构建器体验。

添加了 50+ 块,包括

  • 手风琴块
  • 警报块
  • 动态分隔块
  • 功能块
  • 食物和饮料块
  • 徽标和徽章块
  • OpenTable 预订块
  • 定价表块

最适合:54 个额外的块真正让您自由地构建任何类型的网站。例如,餐厅可以使用 OpenTable Block 预订餐桌,并使用 Food & Drinks Blocks 显示菜单。Maps Block、Post Carousel Block、Collage Gallery Block 和 Author Block 都非常适合旅游博客。对于提供服务的网站,服务块、定价表块甚至常见问题块都可以提供帮助。

价格:免费。

Spectra

10个优秀的古腾堡编辑器(Gutenberg)增强插件 - Spectra
Spectra

Spectra 不仅向 Gutenberg 编辑器添加了 35 多个块的列表,它还提供了 20 多个专门为不同行业设计的专业设计的预建入门站点。这意味着您将获得一个易于导入、可自定义的网站,该网站可与默认的 Gutenberg 编辑器、Astra 主题和 Spectra Blocks 结合使用。这些块可帮助您从直观的界面进行自定义。

添加了35+,包括

  • 容器块
  • 星级评分块
  • Lottie 动画块
  • 审查块
  • 内容时间轴块
  • 营销按钮块
  • 价目表块
  • 推荐块

最适合:入门站点和各种块使 Spectra 成为适用于小型企业、餐馆、在线代理等的最佳古腾堡块插件之一。混合和匹配常见问题解答块、内容时间轴块和图像块等块可以帮助构建在线课程或产品信息页面等网站。您所需要的只是一点点想象力。

价格:免费。

Genesis Blocks

10个优秀的古腾堡编辑器(Gutenberg)增强插件 - Genesis Blocks
Genesis Blocks

Genesis 向块编辑器添加了高级块和部分。特别是,部分和布局块允许您添加精心设计的页面部分和整页布局设计。除了块之外,还有四页部分设计和八个整页布局。

添加了 20+ 块,包括

  • 部分和布局块
  • 通讯块
  • 定价块
  • 后网格块
  • 手风琴块
  • 号召性用语块
  • 垫片和分隔块
  • 首字下沉块

最适合:虽然几乎所有网站都可以使用此插件,但它是博主使用的理想选择。预建的部分和布局确保了博客的良好起点。高级附加组件包括对每个块的权限控制,这对于限制访问很有用。

价格:免费,有专业选项。

Redux Framework

10个优秀的古腾堡编辑器(Gutenberg)增强插件 - Redux Framework
Redux Framework

Redux Framework 原本是一个免费的选项插件,被很多主题作者用来开发主题选项,后来增加了很多古腾堡的东西,Gutenberg Template and Pattern Library 凭借其包含 1,000 多个创意块、模板、布局和模式的库在最佳 Gutenberg 块插件列表中占有一席之地,您可以在演示站点上预览这些内容。使用过滤器搜索,从库中导入您喜欢的块或模板,然后开始自定义以满足您的要求。此外,它还提供了一个行业特定模板库。

添加了 1,000 多个区块样板,包括

  • 关于页面样板
  • 画廊样板
  • 英雄样板
  • 团队样板
  • 文字样板

最适合:适用于所有站点类型的大量块样板使其成为最好的古腾堡块插件之一。库中特定行业的图像、整页布局和精选的古腾堡块可以满足各种网站的需求——瑜伽馆、餐厅、牙医、律师等。

价格:五个免费导入/站点/月,提供专业选项。

Stackable

10个优秀的古腾堡编辑器(Gutenberg)增强插件 - Stackable
Stackable

凭借轻量级自定义块和高级自定义选项,Stackable 是一款包含在您的网站构建工具包中的多功能工具。UI 套件库、灵活的自定义块和分隔符为您的网站设计提供了无限选择。

添加了 40+ 块,包括

  • 卡块
  • 特征网格块
  • 进度条块
  • 定价框块
  • 号召性用语块
  • 视频弹出块
  • 数字框块
  • 按钮块

最适合:Essential、Special 和 Section 块的综合组合使其非常适合博主、商人、设计师和网络开发专业人士。从初学者到代理机构的任何人都可以在此插件中找到价值。

价格:免费,Pro 套餐起价为 49 美元/年。

GenerateBlocks

10个优秀的古腾堡编辑器(Gutenberg)增强插件 - Generateblocks
Generateblocks

GenerateBlocks 仅向 Gutenberg 编辑器添加几个块。然而,它们反应灵敏、功能强大且重量轻,允许很大的设计灵活性来创建复杂的布局和模块。它最适合与 GeneratePress 主题一起使用,尽管您也可以使用任何其他主题来构建几乎任何布局或设置任何内容的样式。此外,它还包括 200 多个预构建的可导入模式,可以在自定义后保存。

添加方块

  • 容器
  • 网格
  • 标题
  • 纽扣 
  • 查询循环
  • 图像

最适合:此插件使用强大的界面将 CSS 效果带入编辑器,允许网页设计师进行很大程度的控制。设计师会发现有用的其他功能是悬停功能、高级背景、块效果和全局样式。此外,您可以将 SVG 图标和形状添加到资产库中,并从块编辑器中访问它们。这些功能使 GeneratePress 成为初学者和专业人士复杂网页设计的强大工具。

价格:免费,专业版选项起价为 39 美元/年。

WooCommerce Blocks

10个优秀的古腾堡编辑器(Gutenberg)增强插件 - Woocommerce Blocks
Woocommerce Blocks

WooCommerce Blocks 更像是与 WooCommerce 结合使用的 Gutenberg 块的功能插件。您可以使用它来尝试新块或对现有块的更新,并通常试验 WooCommerce 如何与块编辑器一起工作。

一些稳定的块已捆绑到 WooCommerce 中,您可以从块插入器的“WooCommerce”部分访问它们:

  • 活跃的产品过滤器
  • 所有评论
  • 查看
  • 按评级筛选
  • 产品类别列表
  • 产品搜索
  • 按属性分类的产品
  • 最受好评的产品

最适合:WooCommerce 商店可以使用此插件显示精选产品和特定类别的商品,按评级或属性搜索和过滤产品,添加迷你购物车等。

价格:免费。

Greenshift(倡萌推荐)

10个优秀的古腾堡编辑器(Gutenberg)增强插件 - Greenshift
Greenshift

Greenshift 在不使用预定义样式、框架、图标字体和脚本库的情况下即时生成资产。资产仅在您使用它们时加载。它包括一些独特的块和高端动画和过渡,以及帮助创建具有间距、定位、CSS 转换、阴影和边框的复杂页面。

添加了 20 多个核心模块包括

  • 3D翻转盒
  • 滑动面板
  • 表中的内容
  • 3D模型
  • SVG 形状
  • 倒数
  • 切换块
  • 用于动画、SEO、查询和图表的附加块

最适合:适用于需要高端动画和过渡且不损失速度的网站。好处是您不需要知道编码。

价格:免费提供高级附加组件。

倡萌推荐:这个插件配合它的付费扩展插件,可以制作出效果非常棒的网站,我们目前采用 Greenshift + Blocksy 主题付费版的功能,用于开发一些企业网站项目,效果非常棒!适合开发者使用哦!

Gutenberg Block Manager

10个优秀的古腾堡编辑器(Gutenberg)增强插件 - Gutenberg Block Manager
Gutenberg Block Manager

当您只需要处理几个块时,您可以依赖 Gutenberg Block Manager。它通过为所有用户全局启用或禁用每个块来工作。当一个块被禁用时,它不再出现在 WordPress 块编辑器的块插入器中。结果,它通过隐藏不必要的块来整理您的网站。您始终可以在侧边栏中搜索和过滤块,并根据需要将它们添加回编辑器。

最适合:带有大量块库的网站可以使用此插件根据需要临时启用/禁用块。

价格:免费。

如何选择最佳的古腾堡插件

古腾堡编辑器本身可以完成很多工作,但它也有一些局限性。这些优秀的 Gutenberg 块插件可以增加您的设计能力,并确保流畅和令人满意的 Web 构建体验。最适合您的选择取决于您的目标:

  • 如果您想要页面构建器的灵活性+ 各种新块来扩展 WordPress 网站的功能,Otter Blocks和CoBlocks是不错的选择。
  • 如果您想要预构建的布局让您的生活更轻松,请选择Spectra、Genesis Blocks、Gutenberg Template and Pattern Library或GenerateBlocks。
  • 如果您想增强您的 WooCommerce 网站并测试 WooCommerce 的新块,请选择WooCommerce Blocks 。
  • 如果您想在不降低网站速度的情况下添加高质量的动画,请使用Greenshift。
  • 选择Gutenberg Block Manager以完全控制 WordPress 块库中可用的块
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
欢迎关注WordPress大学公众号 WPDAXUE
WordPress插件

使用 Lana Passport 插件为多个 WordPress 网站设置 OAuth2 单点登录

2023-5-20 8:21:00

WordPress插件用户交互

提高生产力的顶级 WordPress AI 插件和服务

2023-6-14 10:37:07

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索