经典主题中的theme.json

欢迎来到本课程，我们将探讨在经典主题中添加theme.json文件的选项。

通过本课程，您将：

• 了解在经典主题中添加theme.json的好处
• 掌握在经典主题中添加theme.json的流程

在经典主题中添加theme.json有哪些好处？

这里我们以当前激活的Twenty Twenty-One主题为例。通过打开一个页面，我们可以看到最终用户可用的部分设置和样式。我们打开示例页面。

如果我们选择一个区块并转到右侧，可以看到文本和排版设置及样式选项。通过theme.json，我们可以控制这些设置和样式。

例如，您可以选择禁用标题区块的颜色支持。这里展示的是您需要添加到theme.json中用于禁用标题区块颜色支持的代码。

{
    "version": 3,
    "settings": {
        "blocks": {
            "core/heading": {
                "color": {
                    "text": false,
                    "background": false,
                    "link": false
                }
            }
        }
    }
}

添加theme.json

现在让我们看看如何在经典主题中添加theme.json。我们将把theme.json添加到Twenty Twenty-One主题中。我们只需要从架构和版本开始。

{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 3
}

要了解更多关于在主题中添加theme.json的信息，请查看WordPress开发者初级学习路径中的”全局设置和样式”课程。

如果我们现在回到WordPress并重新加载页面，会发现布局发生了变化。这是因为WordPress自带的theme.json现在被激活了。

要解决这个问题，请返回theme.json并添加内容大小的设置。

   "settings": {
    "layout": {
        "contentSize": "650px"
    }
   }

添加650px并保存更改，然后返回WordPress并重新加载。

如果您想查看WordPress核心中theme.json的所有设置，可以在’wp-includes/theme.json’文件夹中找到。

后续步骤

如果您想了解更多关于theme.json的信息，可以查看WordPress.org上提供的区块编辑器手册。