Gutenberg 11.6改进全局样式UI及增加子主题支持

Gutenberg 11.6已于上个月底正式发布。贡献者添加了数十项增强功能和错误修复。诚然,作为一个用户,这个版本并没有什么让我兴奋的地方。

  • 文章标题区块的排版选项这个不错!
  • 裁剪站点Logo。一个必要的补充。
  • 工具栏按钮,用于将旧的图像区块转换为新的格式 — 仍处于实验阶段。尚可。

在大多数情况下,对于我们这些密切关注插件开发的人来说,该版本感觉就像是一系列常规增强功能。几乎无聊。这根本不是一件坏事。对于项目及其开发人员来说,减少兴奋和较小剂量的迭代改进可能是健康的。我们并不总是需要感觉自己正在追逐下一件大事。这是一个全面的版本,它完善了许多领域,从导航到小部件,再到一般的块增强。

我很高兴看到有两个功能在发展。那就是站点编辑器的全局样式系统和子主题支持。

全局样式更新

全局样式面板打开的默认站点编辑器外观

全局样式面板打开的默认站点编辑器外观

Global Styles是WordPress历史上第一次真正将最终用户与主题开发人员连接起来的系统,反之亦然。我们在这方面做了一些尝试,比如定制器。但是,此功能将在标准化区块系统之上处理它。

本质上,主题将通过其文件与WordPress对话theme.json,用户将通过全局样式面板使用相同的语言。

例如,假设主题作者将默认文本颜色设置为黑色,将背景设置为白色。这将出现在站点的前端,但也会反映在站点编辑器中。全局样式界面允许用户将这两种颜色更改为他们喜欢的颜色。他们还可以在面板顶部的框中查看其颜色和排版样式的预览

更新颜色在编辑器和面板顶部显示预览

更新颜色在编辑器和面板顶部显示预览

而且,它并不止于几种简单的颜色。用户可以在根和区块级别修改各种设计方面,例如排版和间距。

Gutenberg 11.6向全局样式侧边栏添加了一个导航组件。总体而言,在编辑我的主题样式时,通过顶级和子级别工作感觉更加顺畅。

更新代码区块的全局填充

更新代码区块的全局填充

这是对整体全局样式界面进行大修的一个小而重要的步骤。还有很多工作要做,但我很想知道古腾堡的贡献者在接下来的几周和几个月里把这个组件带到哪里。

但目前单击根级别的“排版”选项卡会产生错误。但是,它在区块级别工作。

贡献者还更新了代表全局样式面板的旧“Aa”图标,带有一个半黑半亮的圆形按钮。我的直接反应是它是为了在明暗模式之间切换。

这是用户(来自现已删除的帐户)在GitHub上的吐槽

全局样式并不是一个脱离样式和主题的新系统,它确实是对当前主题系统的改进。如果我们考虑WordPress过去和现在的实力,我们会认为在仪表板上,确实在人们的记忆中已经开发了一个画笔图标,作为与外观、主题、风格、个性化的关联。因此,对于新的定制器,人们记忆中最容易理解的图标仍然是一个画笔。我说新的更好的定制器,因为这是普通人表达他们对全局样式的理解的方式。从铅笔刷到阴阳、月亮或水滴,我还没有与公众进行测试,但根据过去的经验,我向你们保证人们会发现这个新图标无关且令人困惑。

区块子主题支持

直到现在,Full Site编辑的所有组件还没有完全支持子主题。仍然有一些部分可以放入拼图,但系统应该可以正常工作,主要是。

theme.json来自子主题的模板、模板部件和文件现在应该完全覆盖来自父. 这些更改适用于前端和站点编辑器。

一些悬而未决的问题正在相关的GitHub讨论中解决。最关键的发展还在后头,它将处理父theme.json文件和子文件之间的合并值。例如,子主题应该能够覆盖颜色和排版,同时跳过与布局相关的值的定义,退回到父主题是有道理的。

一旦到位,设计师将有一种简单而强大的方式来实现CSS Zen Garden背后的原始愿景,该项目至少部分激发了WordPress对子主题的采用。

评论留言