Setapp-Banner

7 个实用免费 WordPress 区块编辑器推荐

WordPress 区块编辑器(Block Editor)自从 WordPress 5.0 推出之后就取代了 WordPress 传统编辑器,成为了目前 WordPress 自带的编辑器。WordPress 区块编辑器并不像 WordPress 页面编辑器那样要下载安装插件,它现在其实就是 WordPress 5.0+ 版本缺省的编辑器,除非你不太适应,通过 WordPress 官方插件 Classic Editor 恢复到旧版编辑器。

WordPress 区块编辑器在最开始接触时的确感到很不适应,不过随着慢慢的熟悉和使用,你会发现 WordPress 区块编辑器的功能性、易用性、兼容性以及它对网站速度的影响都要比 WordPress 页面编辑器要好些。随着 WordPress 6.0 的更新,WordPress 区块编辑器的功能更加完善。实际上,目前市面上已经出现了功能丰富设计美观的区块编辑器。在本篇文章中,小编就整理了几个最佳的 WordPress 区块编辑器推荐给你,帮助你高效的完成 WordPress 页面设计。

WordPress 区块编辑器推荐

Stackable Blocks

实用免费 WordPress 区块编辑器推荐 - stackable blocks

Stackable Blocks 是由成立于 2011 年的开发商 Gambit 开发的一款区块编辑器,它由于功能强大和漂亮的外观设计而受到广大网站博主的喜爱,它也被多家知名 WordPress 网站评为最好用的区块编辑器之一。Stackable Blocks 完整付费版目前内置了 36 个区块、423 个区块设计、35 个 UI 组件、44 个线框稿、87 个区块布局以及其他更多高端功能,它可以说是目前功能和设计最丰富的 WordPress 区块编辑器之一。

Stackable Blocks 目前在 WordPress 市场提供了免费版本,目前已经获得了超过 6 万次激活安装数和 4.9 分的高分评价,但实际上使用它的网站数量已经超过 10 万。Stackable Blocks 不只是提供区块编辑器,它还提供了 UI 组件和线框稿,这样可以让用户根据个人需要自由搭配使用,当然你也可以通过 ACF 自订区域添加动态文本。另外,Stackable Blocks 的兼容性非常友好,你可以和 Blocksy 主题、Toolset、WPML、Font Awesome 和 Google Fonts 等一起使用,不会发生冲突导致无法正常使用。

优 点

  • 功能强大区块丰富,最好用的区块编辑器之一
  • 内置 36 个区块,提供免费版
  • 提供预置区块、UI 组件和线框稿
  • 兼容性友好,可以搭配任何 WordPress 主题和插件
  • 集成度高,可以与 Blocksy、WPML、Toolset 结合使用
  • 支持动态内容和动画特效设置
  • 提供协同工作和 CSS 自订
  • 提供 1 对 1 客服支持
  • 提供 14 天退费保证

缺 点

  • 一个授权可使用网站数量有限

支持的区块类别

Advanced Image、Accordion Advanced Heading、Advanced Text、Blog Posts、Columns Block、Blockquote Block、Button Block、Call to Action、Card Block、Count Up、Expand Block、Feature Block、Feature Grid、Hero Block、Icon Block、Icon Box Block、Icon Button Block、Icon Label Block、Icon List Block、Image Box Block、Notification Block、Number Box、Price Block、Pricing Box、Separator Block、Social Buttons Block、Subtitle Block、Table of Contents、Testimonial Team Member、Video Popup

Spectra Blocks

实用免费 WordPress 区块编辑器推荐 - spectra blocks

Spectra Blocks 是由海外著名的 WordPress 服务开发商 Brainstorm Force 开发的一款区块编辑器,没错,它和 Astra Theme 以及 Ultimate Addons for Elementor 属于同一家公司。Spectra Blocks 在 2.0 版本之前的名称是「Ultimate Addons For Gutenberg」,2.0 版本正式更名为 Spectra。如果你有使用 Astra Themes,Spectra Blocks 也不会让你失望,它最大的特色是美观的设计和超快的加载速度。

Spectra Blocks 目前内置了 30+ 区块和 75+ 网站预置模板,这些网站模板使用了 Astra Theme、Gutenberg 和 Spectra,你可以根据个人需要选择一次性导入,快速架设专业速度超快的 WordPress 网站。Spectra Blocks 目前完全免费,根据 WordPress 市场数据统计,Spectra Blocks 目前已经获得了超过 30 万激活安装数和 4.9 分的高分评价。

优 点

  • 目前完全免费
  • 44+ 预置,可一键应用
  • 内置 30+ 区块和 75+ 网站预置模板
  • 兼容性好,可与任何一款主题搭配
  • 与 Astra 同一家公司,主打美观和速度
  • 代码简洁,SEO 友好
  • 超过 30 万次激活安装数和 4.9 分的高分评价

缺 点

  • 专业美观的网站比较依赖 Astra Theme

支持的区块类别

  • CREATIVE BLOCKS:Icon List、Marketing Button 、Content Timeline 、Post Timeline 、Lottie Animation、Multi Buttons 
  • CONTENT BLOCK:Info Box 、Advanced Heading、Tabs 、Call To Action 、Taxonomy List 、Price List 、Team 、Inline Notice 
  • SOCIAL BLOCKS:Social Share、Testimonials、Google Maps、Star Rating、Blockquote 
  • POST BLOCKS: Post Layouts、Post Masonry、Post Timeline 
  • FORM BLOCKS: Contact Form 7 Styler、Contact Forms、Gravity Form Styler 
  • SEO: FAQ Schema、Table Of Content、How-To Schema、Review Schema 
  • EXTENSION BLOCKS: Advanced Columns、Display Conditions、Masonry Gallery

Kadence Blocks

实用免费 WordPress 区块编辑器推荐 - kadence blocks

Kadence Blocks 是由 Kadence WP 开发的一款 WordPress 区块编辑器,你现在看到的「网络赚钱」网站就全部采用了 Kadence Theme 和 Kadence Blocks,我也是亲身体验了诸多主题最终选择了 Kadence 。Kadence Blocks 目前提供了 21 个区块,并且每个区块都提供了非常详细的客制化设置选项。

Kadence WP 开发的主题和插件最大的特色是轻量加载速度快以及兼容性好,你可以将 Kadence Blocks 应用于其他的 WordPress 布景主题。Kadence Blocks 简单易用,你可以在设置选项中找到它提供的预置,并且可以一键应用,非常方便。如果你有在使用 Kadence WP 主题,也可以在导入网站模板时选择 Gutenberg 类别,这样你架设的网站完全采用区块编辑器。Kadence Blocks 也有提供免费版本,根据 WordPress 市场统计,Kadence Blocks 目前已经获得了超过 20 万次激活安装数和 4.9 分的好评。

优 点

  • 区块编辑器轻量、加载速度快
  • 内置 21 个区块
  • 与 Kadence Theme 完美结合
  • 提供由区块编辑器构建的模块和模板
  • 提供免费版本
  • 付费版本可以应用于无限个网站
  • 提供 30 天退费保证

缺 点

  • 区块数量相对比较少

支持的区块类别

Row/Layout、Tabs、Info Box、Countdown、Post、Table of Contents、Form、Advanced Gallery、Accordion、Testimonials、Advanced Buttons、Icon List、Spacer/Divider、Advanced Text、Intelligent Load、Responsive Controls、Layout Controls、Typography Controls (900+ Google Fonts)、1500+ SVG Icons、Color and Background Controls、Configurable Defaults、Setting Visibility Controls、Spacing Controls、Animate on Scroll (Pro)、Custom Icons (Pro)、Dynamic Content (Pro)、Custom Fonts (Pro)、Premium Design Library (Pro)、Page Specific Scripts (Pro)

Qubely Blocks

实用免费 WordPress 区块编辑器推荐 - qubely blocks

Qubely Blocks 和 WP Page Builder 属于同一家公司 Themeum,这家公司开发了许多 WordPress 主题和插件,拥有多年的行业经验。Qubely Blocks 是一款相对比较成熟的区块编辑器,它提供丰富的区块、区域布局和网站模板,你可以通过它们轻松架设自己喜欢的页面。Qubely Blocks 提供了免费版和付费版,付费版可以享用 Qubely Blocks 总共 36 个区块、22 个网站模板以及 156 个区域布局模板,后续还在不断的增加。

根绝 WordPress 市场统计,Qubely Blocks 免费版目前已经获得了超过 2 万次安装和 4.3 分的评价,它的评分不算是很高,这是因为它的兼容性和服务的问题。另外,Qubely Blocks 提供了订阅制和买断制,你可以根据个人需要选择合适的价格方案。

优 点

  • 内置 36 个区块和 156 个区域布局模板
  • 内置 22 个网站模板,可以一键导入架站
  • 提供免费版本
  • 提供免费安装服务
  • 提供永久买断制
  • 提供 30 天退费保证

缺 点

  • 存在一些问题需要优化和修复
  • 付费版授权存在网站使用数量限制

支持的区块类别

Woo Carousel、Woo Products、Table Builder、Image Comparison、Countdown、Table of Contents、 Animated Headline、Vertical Tab、Pie Progress、Media Card 、Testimonial Carousel、Team Carousel 、Post Carousel 、Form Builder、Image Gallery、Advanced Post Grid、Image Carousel、Pricing List、Post Grid、Timeline、Image、Pricing、Accordion、Advanced List、Button Group、Button、Contact、Counters、Google Map、Heading、Icon List、Info Box、Progress Bar、Row 、Social Icons、Tabs、Team、Testimonial、Video Popup

访问 Qubely Blocks 官网

Ultimate Blocks

实用免费 WordPress 区块编辑器推荐 - ultimate blocks

Ultimate Blocks 是一款完全免费的 WordPress 区块编辑器,它目前提供了 18 个区块,你可以通过它提供的 Blocks Manager 轻松打开或关闭区块。Ultimate Blocks 针对网站性能做了代码优化,它并不会拖慢你的网站加载速度。另外,Ultimate Blocks 提供了针对 SEO 优化两个重要的区块,Review 和 FAQ schemas。

根据 WordPress 市场统计,Ultimate Blocks 目前获得了超过 3 万次激活安装数和 4.9 分的高分评价,再加上它完全免费,小编就经常使用这款区块编辑器。不过,Ultimate Blocks 目前主要提供区块,并不提供其他的区域布局模板和网站预置模板。

优 点

  • 完全免费
  • 内置 18 个区块,可自由架设布局
  • 提供区块管理器,自由选择打开和关闭
  • 代码简洁,针对速度做了优化
  • 提供 SEO 优化区块,Review 和 FAQ schemas

缺 点

  • 不提供预置布局和网站模板

支持的区块类别

Content Filter、Review (Schema Markup Enabled)、HowTo Schema、Table of Contents、Tabbed Content、Call to Action、Content Toggle (Accordion)、Styled Box、Styled List、Expand、Testimonial、Click to Tweet、Social Share、Countdown、Progress Bar、Post Grid、Star Rating、Image Slider、Button (Improved)、Divider

访问 Ultimate Blocks 官网

Genesis Blocks

实用免费 WordPress 区块编辑器推荐 - genesis blocks

Genesis Blocks 是由著名的 WordPress 主题开发商 StudioPress 开发的一个区块编辑器,当然 StudioPress 已经被 WordPress 主机商 WPEngine 收购,如果你选择使用 WPEngine 架设 WordPress 网站,你可以获得 StudioPress 主题和 Genesis Pro 的使用授权。如果你一直在使用 StudioPress 家的产品,比如 Genesis Framework 和 Genesis Themes,那你可以和 Genesis Blocks 结合使用,另外,它家还推出了自订区块的插件程序 Genesis Custom Blocks。

Genesis Blocks 付费版目前共提供了 22 个区块、50 个全页面布局设计、130 个区域设计以及 AMP 优化,当然它也提供了免费版本供大家使用。根据 WordPress 市场统计,Genesis Blocks 免费版目前共获得了超过 6 万次启动安装和 4.2 分的评价,这个评分并不算高。如果你正在使用 StudioPress 家的主题,又想开始使用区块编辑器,不妨考虑订阅 Genesis Pro。Genesis Pro 价格方案可以享用 Genesis Pro 所有功能和 StudioPress 开发的所有 WordPress 布景主题,不过它的订阅价格有点高。

优 点

  • StudioPress 开发,速度快而稳定
  • 内置 22 个区块、50 个页面设计和 130 个区块设计
  • 提供免费版本,针对 AMP 做了优化
  • 兼容性友好,可以和任何 WordPress 主题搭配使用
  • 一次订阅可以享用 Genesis Pro 和 StudioPress 所有主题
  • 提供长达 60 天的退费保证

缺 点

  • 订阅制价格比较高,不提供买断制

支持的区块类别

Testimonial、Profile Box、Accordion、Sharing、Post and Page Grid、Product Button、Email newsletter、Advanced Columns、Column Layouts、Drop Cap、Product Title、Product Features、Product Subtitle、Product Price、Pricing Column、Call To Action、Container Button、Notice Pricing、Spacer

GenerateBlocks

实用免费 WordPress 区块编辑器推荐 - generate blocks

GenerateBlocks 是由 GeneratePress 专门开发的一款 WordPress 区块编辑器,它可以兼容于任何一款 WordPress 布景主题。GeneratePress 开发团队开发的网站主题就以轻量、加载速度快而受到众多网站博主的喜爱,GenerateBlocks 同样拥有超快的加载速度。不过,GenerateBlocks 提供的区块数量非常少,只有 4 个,但你却可以通过这 4 个区块自订你想要的区块。

GenerateBlocks 提供了非常详细的设置,包括字 体、间 距、颜 色、渐 变、背 景和 SVG 图标等等,如果你正在使用 GeneratePress 主题,那你可以和 GenerateBlocks 完美搭配。GenerateBlocks 提供了免费版本和付费版本,根据 WordPress 市场统计,GenerateBlocks 目前已经获得了超过 9 万次激活安装数和 4.9 分的高分好评。而 GenerateBlocks 付费版将可以解锁更多高端功能,包括 150+ 专业设计模板、全局型样式、区块效果、高级背景、容器悬浮特效等等

优 点

  • 轻量代码简洁,加载速度超快
  • 提供非常详细的区块设置
  • 兼容于任何 WordPress 布景主题
  • 与 GenerateBlocks 完美搭配
  • 提供免费版本
  • 提供 30 天退费保证

缺 点

  • 区块数量相对比较少
  • 付费版授权网站数量有限

支持的区块类别

Container、Grid、Buttons、Headline

WordPress 区块编辑器是什么?

WordPress 区块编辑器的英文全称是 WordPress Block Editor 或 WordPress Gutenberg Editor,中文名称也被称作古腾堡编辑器。Gutenberg 这个名字来源于 Johannes Gutenberg,他于 15 世纪发明了移动打字机,改变了人们产出文本和知识传递的方式,WordPress 用户习惯称它为 WordPress 区块编辑器。

WordPress 5.0 于 2018 年 11 月上线,而 WordPress 区块编辑器也就是在这个版本正式取代传统编辑器(Classic Editor)成为 WordPress 自带的新编辑器。不过,有些网站博主已经习惯了 WordPress 传统编辑器,官方考虑到老用户的使用习惯甚至推出了 WordPress Classic Editor 插件将 WordPress 编辑器还原为旧版本。

WordPress 传统编辑器的确很阳春,这也是为什么陆续出现了 WordPress 页面编辑器和 WordPress 区块编辑器的原因之一。WordPress 区块编辑器与 WordPress 页面编辑器存在很多的不同,两者拥有各自的优缺点,不过总体来看以及根据我的亲身体验,我还是比较推荐使用 WordPress 区块编辑器。虽然 WordPress 区块编辑器并没有像页面编辑器的拖放式操作和所见即所编辑的特色,但区块编辑器作为 WordPress 官方自带编辑器存在一定的优势,兼容性好、加载速度快、安全性高等优点就要比页面编辑器好许多,所以小编现在架设网站都采用了 WordPress 区块编辑器。

我为什么要选择使用 WordPress 区块编辑器

操作简单,学习成本低

在 WordPress 区块编辑器诞生之前,许多网站博主可能都认为 WordPress 页面编辑器的拖放式操作学习成本低、简单易上手。不过 WordPress 区块编辑器的诞生让网站博主们改变了这种想法,区块编辑器虽然并不是所见即所编辑,但你通过它堆栈区块在线预览并不会有太大的差别,操作起来也非常方便,学习成本并不是很高。

免费区块编辑多,节省预算

WordPress 架站程序将区块编辑器取代传统编辑器之后,WordPress 市场目前已经拥有非常多的完全免费区块编辑器可以使用,像目前 Stackable Blocks 和 Ultimate Blocks,而一些付费的区块编辑器也都有提供免费版本可以下载使用,这对于刚起步的网站博主来说可以节省预算。

兼容性好

WordPress 区块编辑器作为目前 WordPress 官方自带的编辑器,它的兼容性是要比页面编辑器更加友好的,基本上可以和任何的 WordPress 布景主题和插件程序搭配使用,并且不会出现像页面编辑器更新升级出现的插件冲突或版型错乱等问题。

加载速度快

WordPress 区块编辑器作为目前官方自带的编辑器,WordPress 官方针对它做了多方面的优化,尤其是网站的加载速度方面。经过个人亲身体验,WordPress 区块编辑器架设的页面要比 WordPress 页面编辑器架设的页面速度更快一些。

安全性高

WordPress 区块编辑器作为 WordPress 官方自带的编辑器,它是由 WordPress 开发团队在更新和维护的,所以它的安全性相对来说是比较高的,它并不像页面编辑器那样依赖于第三方开发商,如果出现任何问题也可以在第一时间进行修复。

我应当如何挑选 WordPress 区块编辑器

区块编辑器的功能和数量

不同的 WordPress 区块编辑器提供的功能和数量都是不同的,在选择区块编辑器之前,你可以根据个人实际需要的区块功能来筛选不同的区块编辑器,当然你也可以安装多个区块编辑器一起使用。不过,一般选择一两个搭配使用就可以了。

区块编辑器的客制化设置

区块编辑器在提供了简单区块的同时,也提供了非常详细的客制化设置,包括区块的样式设置、区域布局模板、网站页面模板等等。不过,你也可以下载安装到网站或通过区块编辑器在线版亲身体验它的设置和美观度,这样你才能通过它们制作出你喜欢的页面。

区块编辑器的兼容性

WordPress 自带的区块编辑器的兼容性本来就要比 WordPress 页面编辑器好,包括第三方的区块编辑器。一般来说,WordPress 区块编辑器兼容于任何的 WordPress 布景主题和插件程序,基本上不会出现冲突的问题。

区块编辑器的用户规模

WordPress 区块编辑器一般都会随着用户的反馈和 WordPress 程序的更新而不断优化,用户数量越多一般越能够快速的发现问题并得到有效解决。如果你使用的区块编辑器用户规模不大,开发者更新的频率也会降低,甚至会放弃更新,导致你后期不得不变更为其他区块编辑器。

区块编辑器的价格方案

几乎每一款区块编辑器都提供了免费版本,如果想要享用更多更丰富的功能,需要额外付费,一般提供订阅制和买断制。你可以根据个人实际需要选择是否付费,我是亲身体验了 Kadence Theme 和 Kadence Blocks 之后才一次性买断选择了 Kadence Bundle。

区块编辑器的客服服务

在区块编辑器使用过程中,难免会遇到一些问题无法解决,这时拥有响应及时的客服支持,可以很快的解决问题。一般来说,区块编辑器都提供了脸书社团或 24/7 电子邮箱客服。如果你真的遇到了无法解决的问题,也可以优先尝试通过网站帮助中心寻找答案。

WordPress 区块编辑器常问问题

WordPress 区块编辑器是什么?

WordPress 区块编辑器是 WordPress 官方发布 5.0 版本后全新的编辑器,它去掉了比较简单的自带编辑器,它允许 WordPress 用户可以通过区块组合堆栈的方式来完成内容或页面的制作。随着 WordPress 区块编辑器的推出,功能更强大设计更专业的第三方区块编辑器陆续出现,这也意味着 WordPress 区块编辑器在后续会有更快的成长空间。

WordPress 区块编辑器和 WordPress 页面编辑器用哪个?

WordPress 区块编辑器和 WordPress 页面编辑器各有优缺点,不过对于 WordPress 网站来说,小编根据个人亲身体验建议网站不要大量采用 WordPress 页面编辑器,这很容易拖慢你的网站加载速度,一般可以用于行销页面、电子邮箱收集页面等等。而 WordPress 区块编辑器虽然没有页面编辑器拖放式的操作,但它兼容性好、加载速度快以及安全性高,所以网站可以选择使用 WordPress 区块编辑器。

总 结

WordPress 6.0 版本更新后针对 WordPress 区块编辑器做了很多的优化,这让区块编辑器使用起来更加方便。现在第三方的区块编辑器其实也陆续上线,而本文中推荐的区块编辑器是小编综合了用户评分、用户使用规模、功能性、美观性等多个因素整理的推荐列表,也希望能够帮助你在自己的博客网站找到最适合自己的 WordPress 区块编辑器。

类似文章

发表回复

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