Gutenberg 11.7 迭代全局样式,改进添加导航链接,并添加列间距

Gutenberg 11.7是我们一段时间以来最激动人心的版本之一。全局样式系统迭代继续给人留下深刻印象。更轻…

Gutenberg 11.7是我们一段时间以来最激动人心的版本之一。全局样式系统迭代继续给人留下深刻印象。更轻松的导航体验使添加链接变得更加容易,并且 栏目 块新增间距控制。

站点徽标块支持双色调过滤器,使其与其他与图像相关的块保持一致。另外,主题作者可以通过他们的theme.json文件设置默认过滤器。

此外,改进了渐变选择器设计和文章导航块的排版控件。工具栏中的块对齐控件现在还显示“无”选项。这应该使用户更容易从以前的选择恢复。

更轻的导航体验

添加一个新的导航项会立即弹出一个 URL 搜索表单。
“添加导航项目”功能带来了搜索。

构建导航菜单一直是块系统中令人沮丧的体验之一。迭代改进使它变得更好,但添加链接的实际过程一直是痛苦的,至少在昨天推出 Gutenberg 11.7 之前是这样。

在该块的先前迭代中,用户必须经过两步过程才能添加任何菜单项。

在最新版本的插件中,点击+图标可以让用户直接搜索或输入网址。无需弄清楚首先插入哪个块(例如,页面、文章、自定义 等)。这一变化是为打造更轻松的导航体验而不断努力的一部分。

虽然添加链接的体验要好得多,但我最初无法弄清楚如何在不输入完整 URL 的情况下添加简单的主页链接。键入“home”、“index”或简单的“/”字符都失败了。

在意识到之前的搜索不起作用后,我尝试了其他已知的站点页面。文章、页面、类别和标签都可以正常工作。但是,我无法通过搜索字段提取作者/用户存档 URL。

有一个地方可以添加主页链接,那就是通过单击工具栏中的图标将菜单项转换为主页链接块。其他块也可用于此转换过程,例如社交图标、站点徽标等。

WordPress 编辑器中导航菜单项的块转换菜单。
将链接转换为“主页链接”块。

总的来说,这是对导航块用户体验的急需改进。在决定如何实现某个功能时,它可能更接近于达到 80/20 规则。

从链接插入器创建新页面

WordPress 编辑器中的链接弹出窗口,其中包含一个突出显示的创建新页面的选项。
从链接弹出窗口创建一个新页面。

添加链接的用户体验一直是区块编辑器今年的亮点之一。6 月,Gutenberg 10.9引入了丰富的 URL 预览,并登陆 WordPress 5.8。在该插件的最新版本中,开发人员将其提升了一个档次。

用户现在可以在添加链接时直接创建新页面。以前,用户只能在导航块内添加项目时才能实现这一壮举。现在,它可用于添加到任何地方的链接。

列间隔

边栏中带有自定义“块间距”选项的列块。
列之间的自定义间距。

用户现在可以通过新的块间​​距选项完全控制栏目列之间的间隙。

该功能在Gutenberg 11.4首次附带的块间隙功能之上工作。如果主题作者编写了用于控制列间距的自定义代码,则可能需要进行调整。

全局样式和调色板

正在推动改进即将推出的全局样式功能,该功能可能会在今年晚些时候登陆 WordPress 5.9。古腾堡的贡献者在改进体验方面取得了巨大进步,在插件的11.6 版中建立了彻底改革的导航。

此版本中最显着的界面变化是新的调色板部分。

全局样式侧边栏在站点编辑器中突出显示,颜色部分打开。
顶部带有调色板部分的颜色面板。

不是将调色板放在颜色选项下方,而是现在位于前面和中间。这是一项最终将使用户能够自定义其网站的功能。欢迎决定关注 UI 的这一部分。

打开调色板部分后,用户可以编辑主题定义的颜色或单击+图标创建新颜色。这些颜色将全部显示为块和站点编辑器中的选项。

调色板部分在 WordPress 站点编辑器的全局样式侧栏中打开。 颜色选择器打开。
站点编辑器中的调色板编辑器。

用户还应该在全局样式侧边栏的根级别看到布局部分。他们现在可以调整整个站点的padding填充。

尝试在根级别调整排版时,我仍然遇到错误。这是我第一次注意到 Gutenberg 11.6 的问题。

我希望全局样式面板的块部分显示单个块的图标。有几十个块,很难浏览整个列表。

在站点编辑器的全局样式部分中打开的站点块的无序列表。
单个块样式列表。

另一个改进,特别是如果我们放弃图标,将按字母顺序排列列表。

要了解更多更新细节,请看官方发布日志。

类别:WordPress开发

本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。

评论 (0)COMMENT

登录 账号发表你的看法,还没有账号?立即免费 注册