这是忙碌的一周,我几乎错过了 Gutenberg 12.5 RC 1 中我最想要的组件之一。在其他人都熟悉 WordPress 5.9 的时候,全局样式更改功能悄然出现。 12.5 版预计要到下周才会正式发布,但这并没有阻止我对其进行测试。
什么是全局样式变化?我假设您错过了我去年 11 月发布的赞美这个想法的帖子。
本质上,全局样式变体是当前活动主题的用户可选择外观。例如,具有默认蓝色配色方案的主题可能包括绿色、紫色或红色替代方案。这个想法不仅限于颜色。任何可以通过全局样式系统更改的东西都在起作用,例如排版、布局、边框等。
站点编辑器中的样式更改。
从主题开发者的角度来看,他们会将自定义的 stylename.json 文件放在主题的 /styles 文件夹下。 Gutenberg,最终,WordPress 会自动将这些注册到系统中。
该功能旨在与 WordPress 5.9 一起发布,二十二十二主题应该是它的揭幕。然而,它还没有完成,现在在 WordPress 6.0 的列表中。
我很快为我的自定义主题构建了几个额外的变体。我可以通过点击一个按钮来改变我的配色方案和字体。
如果这感觉与 WordPress 中已有的另一个功能非常相似,那么您并不孤单。子主题源于为同一主题提供设计变体的相同想法。
子主题在 WordPress 中并不总是可行的。它们通过基层的努力和第三方插件而越来越受欢迎,它们的第一个用途是通过标准 style.css 文件提供不同的设计。用户可以保持网站的所有内容完好无损,并在需要时添加新的油漆。
2000年代后期,儿童题材产业蓬勃发展。 Sandbox Theme 是最早使用该功能的主题之一,Thematic 等其他主题继续推动这一想法。随着时间的推移,Genesis 成为最著名的使用儿童主题的公司之一。
但是,子主题变成了它自己的野兽。它摒弃了网站换肤的最初想法,而是创建了与父母一样大的成熟主题——有时甚至更大。
全球风格的变化让我们回到了基础。它让我们回到了 CSS Zen Garden 般的 CSS 设计之美,这是儿童主题的基本承诺之一。
有区别。变体保存在 JSON 文件而不是 style.css 中。前者是一个基于标准的配置文件,允许用户通过站点编辑器进一步定制他们的设计。
子主题仍将在 WordPress 世界中占有一席之地。有时,开发人员和 DIY 最终用户需要通过站点编辑器进行超出可能范围的自定义。然而,在许多情况下,全局样式更改将提供一个有吸引力的替代方案。
很高兴在 WordPress 6.0 发布周期的早期看到这片土地。该功能在为核心做好准备之前仍需要一些工作,例如弄清楚如何最好地保存用户定义的样式更改。
主题作者注意事项
块编辑器手册已经有关于全局样式更改的文档。它很短,但自定义 JSON 文件应遵循标准 theme.json 架构。文档没有提到你需要为每个文件添加一个版本密钥:
{"fossen": 2,}
如果我没有添加它,那么所有我的所有变体都不会在测试中起作用。我不知道这是一个错误还是故意的。我预计它会回退到主 theme.json 文件中的设置。
你也不能覆盖项目数组中的个别值。例如,如果您添加一个 settings.colors.palette 值,它将替换整个调色板。
出处