与古腾堡在一起的一年

已发表: 2020-01-24

Gutenberg 成为 WordPress 的正式成员似乎是在昨天,但不管你信不信,它已经过去一年多了! 2019 年无疑是 WordPress 中的古腾堡之年。 爱它或恨它,它不会很快消失,事实上,它现在是我们心爱的 CMS 中的一个新标准,旨在提供更好的用户体验。

在今天的帖子中,我想快速回顾一下WordPress 块编辑器在过去几个月中取得的所有成就。 特别是,我想讨论它的特别之处,为什么有些人喜欢它,有些人讨厌它,以及它对我们开发人员意味着什么。 让我们完成这件事!

古腾堡的发射

在 2016 年的 State of the Word 中,Matt 说 WordPress 编辑器是我们应该关注的事情之一,因为它需要大量的工作来改进。 那时,关于“统一小部件”和“改进短代码”的“基于块的编辑器”的谣言出现了。 这是对后来成为古腾堡的第一眼吗?

一年后,在 2017 年的 State of the Word 中,Matt 正式介绍了 Gutenberg,该项目的开发已经花费了 11 个月,还有更多的时间要做。 该项目引入了“块”的概念,作为内容创建和管理的优雅解决方案。 Gutenberg 仍然太绿色,无法成为 WordPress 核心的一部分,因此它作为插件保留了几个月。

终于,经过两年的酝酿,是时候向社会展示这个新孩子了,在 2018 年底,古腾堡终于成为了 WordPress Core 的一部分。 在我看来(以及该领域的许多其他专业人士),这感觉像是一个仓促的决定——我们觉得这个插件还没有为公众准备好,但是,唉,它就在那里。 古腾堡在新版 WordPress 中的集成充满争议,很多人讨厌它。

为了避免大祸临头,WordPress 开发团队还准备了一个并行插件,使用它可以完全禁用 Gutenberg,从而继续使用经典编辑器……但 Gutenberg 的开发并没有就此止步!

第一步

如上所述,古腾堡的正式发布有点粗糙,特别是因为它有很多批评者,还有很多细节需要打磨。 这绝对是一个仓促的决定。 你知道,WordCamp US 2018 指日可待,“我们需要 Gutenberg 已经参与其中”,所以他们做到了。

尽管如此,现实就是这样,到 2019 年 1 月,我们的 WordPress 仪表板中都有这个新编辑器。 这意味着用户和开发人员必须适应这一新现实……我们越早越好!

谷歌地图古腾堡街区。
编辑谷歌地图块古腾堡块。

在最初的几周里,我们所有人都面临的主要问题是它表现不佳的用户体验。 我记得如果你将它与 Yoast 一起使用,编辑器将完全无法使用,显然是由于 Gutenberg 注释 API 的问题。 块以奇怪的方式移动,键盘快捷键不同且不可预测,编辑器在较旧的计算机中滞后......

但是,尽管存在最初的错误和问题,但插件的疯狂开发速度使几乎不可能的事情成为可能:快速修复和改善使用 Gutenberg 的用户体验。 如果我对您完全诚实,那么非常需要一些东西,因为经典编辑器已经过时了:

默认 WordPress 帖子编辑器的屏幕截图。
默认 WordPress 帖子编辑器的屏幕截图。

进化

古腾堡在公共生活的第一年的演变真是令人难以置信。 更新一次又一次,开发人员一直在打磨古腾堡的每一个细节,直到它成为一个更友好、更高效的界面。 在查看数字,特别是古腾堡的采用率时,看起来我们走在了正确的轨道上。 在撰写本文时,每三个 WordPress 安装中就有两个使用 5.x 版本,这意味着古腾堡原生可供三分之二的 WordPress 用户使用。

但是,说实话,请记住,只需安装 Classic Editor 插件即可完全禁用 Gutenberg。 目前,这个插件有超过 500 万的活跃安装和 700 多个五星级评级,并附有诸如“老是黄金”、“最重要的插件”或“我在所有网站中使用的插件”之类的评论。 那么古腾堡有可能是一场惨败吗?

经典编辑器插件的活动安装数量的演变
经典编辑器插件的活动安装数量的演变。

好吧,在我看来,没有。 如果您查看与 Classic Editor 插件相对应的当前活动安装趋势,您会发现它正在放缓。 这意味着,随着时间的推移,使用这个插件的人越来越少。 对此的一种可能解释是 Gutenberg 已经“足够好”,因此没有必要使用旧版本的编辑器。 而这无疑是一个非常好的消息。

块库

将 Gutenberg 正式集成到 WordPress 的后果之一是用于创建内容的新块的扩散。 显然,开发人员发现了一个痛点并决定改善整体体验。

原子块可用的块。
原子块可用的块。

在过去的几个月里,我们已经看到插件是如何出现的,其唯一目的是扩大古腾堡可用的块范围。 因此,例如,我们有像 Atomic Blocks 这样添加新块的插件,以及像 Stackable 或 EditorsKit 这样的插件,它们包含新样式并为现有块提供额外的编辑选项。

古腾堡的优势

WordPress 中一直存在的重大批评之一是下层锁定效应。 基本上,这种效果描述了当您开始使用某些主题或插件时出现的依赖关系。 一旦您使用其中一个锁定项目创建了内容,您就无法轻易摆脱它们,否则您将丢失所述内容。

带有由 Visual Composer 添加的编辑层的 WordPress 页面编辑器(现在称为 WPBakery Page Builder for WordPress)。
带有由页面构建器«WPBakery Page Builder for WordPress»添加的编辑层的 WordPress 页面编辑器。

这种效果的大多数示例都可以在页面构建器中找到。 当我们只有经典的 WordPress 编辑器时,许多主题开发人员发现了另一个需求:用户希望能够使用可视化编辑器来布局页面,该编辑器允许他们拖放内容块以轻松构建他们的页面。 不幸的是,使用这样的页面构建器构建页面意味着您将永远被该页面构建器锁定 - 如果您不想再使用页面构建器,则必须先重新创建页面,否则可能会丢失它。

古腾堡在这方面是一场革命。 现在,由于官方引入了“块”概念,页面构建者终于有了一个可以定义页面外观的标准机制。 他们只需要利用 Gutenberg 提供的新界面。 当然,将当前页面构建器标准化为 WordPress 块的过程会很慢,但我毫不怀疑它最终会发生。

持续改进

Gutenberg 在每个新版本中都变得越来越好,因为每个版本都包含新功能和一些改进。 例如,几周前,一个新版本的 Gutenberg 插件(已经是 7.1)出现了,对用户的可用性进行了一些小的改进,例如“认识”Gutenberg 的欢迎对话或多块内容选择的改进。

但有一个改进是我特别喜欢的,那就是编辑器中的动作。 请查看 Matias Ventura 的这篇文章,其中对“运动如何帮助我们理解变化”有非常详细的解释。

古腾堡对我们意味着什么(在 Nelio)

古腾堡的到来也为我们公司带来了有趣的更新。 本质上,如果我们想开发我们的产品并使其与古腾堡兼容,我们必须回收并学习一个全新的开发堆栈。

正如 Toni 几周前告诉你的,在过去的两年里,我们学习并学习了 React 和 Redux。 作为这个学习阶段的结果,我们为 Gutenberg 推出了几个特定的​​插件,例如 Nelio Maps、Nelio Translate 或 Nelio Compare Images。 我们还投入了大量时间和资源来实现 Nelio A/B 测试的现代化,目前我们正在使用 Nelio Content 执行相同的任务。

Nelio A/B 测试 — 测试编辑器
Nelio A/B 测试使用新技术。

我们甚至应用我们新获得的一些技能来为 WordPress 做出贡献,并提出了几个拉取请求:

  • 日期错误修复
  • 使用 JS 中的查询参数和 URL 片段修复错误
  • 在 Block API 中使用 Number 和 Boolean 属性的建议
  • 使用(未)转义的 HTML 实体的错误修复

没有人喜欢变化。 当您习惯了一组工具或技术时,您可能不想离开它们来学习新东西。 人们不愿意改变事情……但是,老实说,改变对我们很有帮助。 感谢古腾堡,我们对一路上学到的一切以及我们今天可以做的事情感到非常自豪。

你呢? 你喜欢古腾堡吗? 它是如何改变你的生活的? 在下面的评论部分让我们知道。

来自 unsplash 上 freestocks.org 的特色图片。