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

十月中旬发布的Gutenberg 11.7是我们一段时间以来最激动人心的版本之一。全局样式系统迭代继续给人留下深刻印象。更轻松的导航体验使添加链接变得更加容易,并且栏目区块的间距控制提供了最古老的愿望清单项目之一。

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

爱还有其他一些变化,例如刷新的渐变选择器设计文章导航区块的排版控件。工具栏中的块对齐控件现在还显示“None”选项。这应该使用户更容易从以前的选择恢复。

更轻的导航体验

“添加导航项目”功能带来了搜索

“添加导航项目”功能带来了搜索

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

在该区块的先前迭代中,用户必须经过两步过程才能添加任何菜单项。之前有WordPress开发者提到的一个问题:

此测试阶段要求添加多个页面链接作为顶级和子菜单项。当单击 + 按钮添加链接时,我的第一反应是搜索页面本身。但是,可用字段是块搜索而不是页面搜索。

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

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

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

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

将链接转换为“主页链接”区块

将链接转换为“主页链接”区块

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

从链接插入器创建新页面

从链接弹出窗口创建一个新页面

从链接弹出窗口创建一个新页面。

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

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

注意间隔

栏目之间的自定义间距

栏目之间的自定义间距。

用户现在可以通过新的区块间​​距选项完全控制列之间的间隙。自区块编辑器发布以来,它花了三年时间才正式提供这个支持,这让用户很痛苦。诚然,当时对CSS flexbox的支持gap并不普遍,但在此期间我们仍然可以使用老式的边距进行管理。

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

全局样式和调色板

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

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

顶部带有调色板部分的颜色面板

顶部带有调色板部分的颜色面板。

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

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

站点编辑器中的调色板编辑器

站点编辑器中的调色板编辑器。

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

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

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

单个区块样式列表 单个区块样式列表。

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

评论留言