欢迎来到关于创建样式变体(或称theme.json变体)的课程。
本课程我们将:
- 定义并描述样式变体
- 区分主题与样式变体JSON文件
- 区分子主题与样式变体
什么是样式变体?
样式变体本质上是theme.json的替代版本,可以随主题一起发布。它们是存储在主题styles文件夹中的自定义命名JSON文件。
任何可以添加到theme.json的设置或样式也可以添加到样式变体JSON文件中。这让用户可以选择他们想在网站上使用的变体。在某种程度上,它们是主题的一种”皮肤”,反映了情绪和语调。这是以独特方式区分网站的一种方法。
你可以为主题打包这些替代设计,让用户决定哪个最适合他们的网站。在站点编辑器中,用户可以进入样式并为网站选择不同的样式组合。
在默认的Twenty Twenty-Four主题中,用户可以选择Ember变体。这意味着在全局样式中,他们有一个不同的调色板,有这四种颜色可用。在渐变选项卡中,他们有一组完全不同的渐变以及双色调橙色和白色。
如果我们查看主题文件,会发现每个变体都有自己的独立JSON文件。需要注意的是,当我们创建样式变体时,双色调渐变和/或调色板属性会被完全替换,而不仅仅是交换个别颜色。
区分主题与样式变体JSON文件
样式变体的一个重要区别是我们在版本号下方添加了标题。这里的例子是Ember。再次注意,theme.json中的双色调在用户选择Ember样式变体时不可用。
区分子主题与样式变体
首先,相似之处在于都希望覆盖父主题的theme.json文件,但实现方式不同。如果你有一个活动的子主题,并添加了theme.json文件,这些设置将覆盖父主题。
在给定主题中,样式变体具有相同的覆盖theme.json文件的能力。然而,当用户选择变体时,这些更改被视为用户自定义,并存储在数据库中。
下一步
如果你想了解更多关于样式变体的信息,请参考WordPress.org上提供的主题手册。