引言
在本课中，我们将探讨样式是如何生成的。如果你已经完成了中级WordPress用户学习路径中的自定义模块，你会记得WordPress通过站点编辑器提供了两种修改颜色、字体和布局的方式。一种是使用全局样式，另一种是使用样式手册，它能直观展示你正在修改的区块。但这些内置样式从何而来，又在哪里定义呢？
Theme.json
答案就在一个名为theme.json的文件中，这也是本课的重点。但首先，什么是theme.json？theme.json文件用于定义主题的全局和基于区块的样式。从颜色、排版到间距和尺寸，每个属性的每个视觉方面都在其中。这种方法通常被称为单一事实来源。在这种情况下，theme.json是负责指定和组织主题所有设计方面的主要文件，使得更新、修改和管理更加容易。那么，我们在哪里找到theme.json呢？在本章的第一课中，我们曾窥探过站点的主题文件。让我们回到那个页面，导航到工具，然后选择主题文件编辑器。你会看到一个警告信息，建议你不要直接编辑主题。这只是一次简短的介绍性访问，所以你可以安全地点击“我了解”按钮。在右侧边栏的主题文件下，点击主题样式和区块设置。如果你学习了上一课《WordPress模板的构建块》，你可能已经注意到theme.json主要包含JSON，这是一种通用的数据格式。JSON以键值对的形式表示数据。
示例
在这个示例中，我们有一个按钮区块。键是按钮区块的属性，例如背景颜色、文本颜色和边框圆角。值则是其样式和设置。让我们再看两个例子。在这个示例中，JSON定义了一个调色板。调色板数组或列表中的每个对象代表调色板中的一种颜色，具有以下属性：十六进制代码、颜色的人类可读名称以及颜色的别名或简短标识符。在最后一个布局示例中，我们会看到一个名为内容大小的键，其值为620像素。这意味着该主题的内容宽度设置为620像素。当你通过编辑器自定义样式时，例如在本例中我们将内容宽度改为650像素，WordPress会将这些更改生成为JSON，确保它们被渲染成CSS样式，从而在浏览器中正确显示。花点时间浏览一下Theme.json。向下滚动，搜索你在编辑器中熟悉的词汇，比如颜色、布局、按钮、边框等。注意，例如颜色在文件中出现了多次，而布局只指定了一次。所有这些属性都描述了主题的预定义样式，这些样式由创建主题的设计师和开发者决定。
Theme.json与编辑器
虽然你可以直接在theme.json中更改这些默认样式，但无论是对于用户还是扩展者来说，这都不是推荐的方法。通过编辑器自定义设计是一种更实用、更直观的方法。深入探讨JSON的具体细节超出了本课的范围。要继续你的网页制作之旅，请查看初学者WordPress开发者学习路径，特别是《WordPress主题开发入门》模块中的全局设置和样式课程。
结论
那么接下来呢？如果你已经在站点编辑器中对样式进行了更改，例如像本例中更改图像区块的圆角，或者为某个区块选择了不同的颜色，你不会在theme.json中找到这些更改。这是因为这些自定义内容存储在数据库中，而不是主题文件中。要了解数据库和主题文件之间的区别，以及如何更新主题的theme.json以包含你的修改，请查看模块《WordPress如何保存你的内容》以及课程《使用创建区块主题插件进行导出和主题变体》。