Gutenberg 12.2专注于用户体验的改进

一些Gutenberg插件的发布让人感觉是具有面向用户的新功能的重磅炸弹。其他的如今天的12.2版更新,则使问题变得平滑,并创造了一个更全面的体验。网站编辑器和模板之间的切换更加顺畅。颜色选择器不再是一团糟。而且,边界控制现在使用工具面板的方法,允许用户启用或禁用他们想要的选项。

贡献者们在更新评论查询循环块方面取得了进展,它最终将成为在区块主题中显示评论的骨干。其中一个最大的障碍是使嵌套评论发挥作用。现在这个问题已经解决了,推进其他与评论有关的组件应该不会有什么问题了。最新版本还引入了评论分页数字块,用于处理分页的评论列表。

无需重新加载页面即可查看模板

Gutenberg 12.2专注于用户体验的改进插图

两周前,当Gutenberg 12.1发布时,我很高兴看到网站编辑器中用于查看模板的新的、大为改进的滑出式面板。我的主要抱怨是:它很慢。在编辑器和模板视图之间切换需要重新加载页面。

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

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

改进的选色器

Gutenberg 12.2专注于用户体验的改进插图1

Gutenberg 12.2引入了一个大大改进的颜色选择器。以前的迭代是不方便的,笨重到令人讨厌的地步。用户必须滚动,滚动,再滚动,才能在改变一个区块的文本颜色和链接颜色之间跳跃。如果主题同时显示自己的颜色和核心的颜色,那就更是如此了。

最新的迭代收紧了用户界面,使用户可以一次性看到文本、背景和链接颜色选项。如果他们想定制其中任何一个,他们可以点击其中一个来拉出颜色选择器。

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

我希望看到边框颜色控制得到同样的处理。然而,有一个单独的票据提供了更微调的控制。

字体大小的UI变化

Gutenberg 12.2专注于用户体验的改进插图2

支持的块的字体大小控制看起来有很大不同。它为具有五个或更少定制尺寸的主题显示了一个编号的按钮列表。当选择了一个字体尺寸时,就会出现字体尺寸名称。否则,它就只是一个没有背景的数字列表。

总的来说,我喜欢在更新块状选项用户界面方面取得的进展。但是,我并不喜欢这种变化。作为一个用户,这些数字甚至意味着什么?1 "的尺寸是小还是中?如果不进行测试,就没有办法知道。另外,上下文会随着主题的不同而改变。像这样的用户界面变化,在标准化的命名方案的支持下可能是可以的。然而,在使用了三年之后,这将很难实现。

一般来说,点击一个单一的按钮感觉比点击一个下拉菜单,然后再点击一下进行选择的体验更好。我只是不确定它在这里是否有效。然而,我很愿意看到它在进一步迭代后的发展。

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

避免这种用户界面变化的最简单方法是,主题作者至少要注册六个自定义字体大小。该选项将自动恢复到以前的下拉选择栏。幸运的是,在我主要工作的主题中,我有13个,所以对我来说,这不是一个问题。

区块模板部分钩子

主题和插件开发者现在在区块模板部分系统周围有额外的动作钩子。这些对于调试或其他复杂的用例应该是很方便的。

  • render_block_core_template_part_post 当从数据库中找到一个部分时,就触发。
  • render_block_core_template_part_file 当一个部件来自于一个主题文件时,就会启动。
  • render_block_core_template_part_none 在没有找到部分的情况下触发。
 收藏 (0) 更新不易,打赏吧

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《Gutenberg 12.2专注于用户体验的改进》
文章链接:https://www.banzhuti.com/gutenberg-12-2-focuses-on-user-experience-improvements.html
本站资源仅供个人学习交流,不允许用于商业或违反国家法律法规之用途,否则法律问题自行承担。如有转载需注明文章来源。
分享到: 生成海报
版权免责声明

① 本站提供的资源(插件或主题)均为网上搜集,如有涉及或侵害到您的版权请立即通知我们。
② 本站所有下载文件,仅用作学习研究使用,请下载后24小时内删除,支持正版,勿用作商业用途。
③ 因代码可变性,不保证兼容所有浏览器、不保证兼容所有版本的WP、不保证兼容您安装的其他插件。
④ 本站保证所提供资源(插件或主题)的完整性,但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
⑤ 由本站提供的资源对您的网站或计算机造成严重后果的本站概不负责。
⑥ 使用该资源(插件或主题)需要用户有一定代码基础知识!另本站提供汉化使用安装教程,仅供参考。
⑦ 有时可能会遇到部分字段无法汉化,同时请保留作者汉化宣传信息,谢谢!
⑧ 本站资源售价只是赞助和汉化辛苦费,收取费用仅维持本站的日常运营所需。
⑨ 如果喜欢本站资源,欢迎捐助本站开通会员享受优惠折扣,谢谢支持!
⑩ 如果网盘地址失效,请在相应资源页面下留言,我们会尽快修复下载地址。

热门文章

评论 抢沙发

评论前必须登录!

立即登录   注册

WordPress主题 插件 建站 汉化

定制服务联系我们
切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活