Gutenberg 12.2 专注于用户体验改进

一些古腾堡插件版本感觉像是具有面向用户的新功能的重量级人物。 其他的,比如 今天的12.2版本更新, 解决问题并创造更全面的体验。

站点编辑器和模板之间的切换更加顺畅。 颜色选择器不再是一团糟。 而且,现在边境管制 使用工具面板 允许用户启用或禁用他们想要的选项的方法。

贡献者在更新评论查询循环块方面取得了进展,这最终将成为在块主题中显示评论的支柱。 最高的障碍之一是 使嵌套评论工作. 现在解决了这个问题,继续使用其他与评论相关的组件应该不会有什么问题。 最新版本还引入了 注释分页号块 用于处理分页评论列表。

无需重新加载页面即可查看模板 Gutenberg-12-2-focuses-on-user-experience-improvements Gutenberg 12.2 专注于用户体验改进站点编辑器中的模板视图。

什么时候 古腾堡 12.1 两周前推出,我很高兴看到站点编辑器中用于查看模板的新的且经过大幅改进的滑出式面板。 我的主要抱怨:它很慢。 在编辑器和模板视图之间切换需要重新加载页面。

在最新的 12.2 版本中,这一切都改变了。 谢谢 站点编辑器中的客户端路由,编辑器和模板之间的过渡感觉快速而流畅。

像这样的变化是我欢迎将 WordPress 5.9 推迟到 1 月下旬的原因之一。 在向全世界展示站点编辑器之前,其中一些小皱纹需要熨烫。

改进的颜色选择器 Gutenberg-12-2-focuses-on-user-experience-improvements-1 Gutenberg 12.2 专注于用户体验改进颜色选择器弹出窗口。

古腾堡 12.2 引入了一个 大大改进的颜色选择器. 之前的迭代很笨重,笨重到令人烦恼的地步。 用户必须滚动、滚动和滚动更多,才能在更改块的文本颜色和链接颜色之间跳转。 如果主题同时显示其颜色和核心颜色,则尤其如此。

最新版本将 UI 收紧到用户可以同时看到文本、背景和链接颜色选项的程度。 如果他们想自定义其中任何一个,他们可以单击一个以拉出颜色选择器弹出窗口。

也许这一变化将为未来其他颜色选项打开大门,例如用于链接悬停/焦点的颜色选项。 在旧的用户界面中它会太混乱。 然而,新的简约设计留下了充足的空间。

我很想看到边框颜色控件得到相同的处理。 然而,有一个 单独的票 提供更精细的控制。

字体大小 UI 更改 Gutenberg-12-2-focuses-on-user-experience-improvements-2 Gutenberg 12.2 专注于用户体验改进编号样式字体大小选择器。

支持块的字体大小控制看起来大不相同。 它显示了一个 编号按钮列表 对于具有五个或更少自定义尺寸的主题。 选择一个时会出现字体大小名称。 否则,它只是一个没有上下文的数字列表。

我普遍喜欢更新块选项 UI 的进展。 但是,我不喜欢这种变化。 作为用户,这些数字究竟意味着什么? “1”号是小号还是中号? 没有测试就没有办法知道。 另外,上下文会随着主题的不同而变化。 在标准化命名方案的支持下,像这样的 UI 更改可能没问题。 但是,在使用三年后,这将很难实施。

通常,单击单个按钮的体验比单击下拉菜单更好,然后再次单击进行选择。 我只是不确定它在这里是否有效。 但是,我愿意看到它在进一步迭代中的发展方向。

也没有可见的方法来清除当前选择并返回到默认大小。 如果主题支持自定义尺寸,用户可以切换到“自定义”字段并清除它。 除非您偶然发现,否则这并不明显。 用户也可以点击“全部重置”按钮,但这样做会重置所有排版选项。

避免此 UI 更改的最简单方法是让主题作者注册至少六种自定义字体大小。 该选项将自动恢复到其以前的下拉选择字段。 幸运的是,我主要研究的主题中有 13 个,所以这对我来说不是问题。

块模板零件挂钩

主题和插件开发人员现在拥有 额外的动作挂钩 围绕块模板零件系统。 这些对于调试或其他复杂用例应该很方便。

  • render_block_core_template_part_post 在从数据库中找到零件时触发。
  • 当部分来自主题文件时,render_block_core_template_part_file 会触发。
  • render_block_core_template_part_none 在没有找到部件时触发。

来源

相关文章