风格变化

与“全局设置和样式”文档中的大多数内容不同,样式变化不是您在其中定义的内容主题.json相反,它们是您现有的“变体”主题.json您可以向用户提供的文件。

此功能的更准确名称可能是全局设置和样式变化。或者只是主题.json变化。

什么是风格变化?

风格变化本质上是主题.json可以随主题一起发布。它们是存储在主题中的自定义命名JSON文件/样式文件夹。任何设置风格您可以添加到主题.json也可以添加到样式变体JSON文件中。

这允许用户选择要在其站点上使用的变体。在某种程度上,它们是你的主题的“皮肤”。

例如,假设您创建了一个餐厅主题,并将颜色和排版保持在非常基本的状态,以便它涵盖许多不同的餐厅网站设计。进一步假设您想在最初的设计上提供更多的多样性和变化。你可以创造一种风格变化,用有趣的字体和面向海洋的调色板迎合海鲜餐厅。或者,你可能想为可能成为你主题的咖啡馆营造气氛。

这就是风格变化真正闪耀的地方。你可以将这些备选设计中的每一个捆绑在一起,让你的用户决定哪一个是他们网站的最佳选择。

以下是与默认的Twenty Twenty-Three主题捆绑在一起的样式变体:

WordPress站点编辑器>样式子屏幕,在预览面板中显示一个带有红色的样式变化网格。

当用户选择样式变体时,JSON数据会迁移到站点的数据库中,并作为用户自定义项存储。这使得数据可以否决主题的主要内容主题.json设置和样式。

添加自定义样式变体

如果您已经了解如何使用样式变化功能,则该功能相对简单主题.json很好,但有一些不同。

第一个区别是主题.json和样式变体是它们的名称和在主题文件夹结构中的位置。主题.json位于主题文件夹的根目录中,并被视为默认变体。但自定义变体必须具有唯一的文件名,并放置在/样式文件夹。

假设您已经构建了本文前面提到的餐厅主题。现在,您需要添加两个变体,分别命名为Swashbuckler(用于海鲜设计)和Latte(用于咖啡店设计)。这就是主题文件的组织方式:

/您的主题文件夹/样式/拿铁.json/斯瓦什巴克尔.json/主题.json

风格变化只是主题.json,因此您可以完全访问主题.json规格唾手可得。 

第二个区别是主题.json样式变体是变体标题。您可以通过添加标题属性设置为自定义JSON文件。

在上面的Latte变体示例的基础上,您可以打开/样式/late.json文件并添加它,如以下代码段所示:

{“版本”:2,“title”:“拿铁”,“设置”:{},“样式”:{}}

这个标题字段用于表示用户界面中的变量。它不是必填字段(WordPress将回到您的变体中),但它确实有助于获得更好的用户体验。

样式变化与子主题

如果您熟悉子主题,包含在高级主题文档中,您可能想知道它们与样式变体之间的区别是什么。

最明显的区别是,样式变化仅限于覆盖主JSON文件的单个JSON文件主题.json,而子主题可以覆盖其父主题中的任何内容。因此,最好看看它们相似的地方:JSON文件本身。

在子主题中主题.json只覆盖其父级主题.json文件。在样式变量中,这是发生主要差异的地方——变量的JSON文件覆盖主题.json文件和它的数据被保存到数据库中.

用户选择主题的样式变体后,变体的JSON文件中的所有内容都将被视为用户自定义。基本上,WordPress存储了最初的数据的方式与用户简单地从界面设计颜色、排版、间距等相同。这是一个重要的区别,因为这意味着当您在未来的主题版本中更新样式变体时,如果用户已经保存了样式变体,则用户将不会收到这些更改。

用户可以切换到一个变体并切换回他们用来获取更新的变体。

样式变化可以是添加到主题中的一个很好的功能,但它们有特定的用例。有时儿童主题更有意义。