styles财产中theme.json使您可以在全球级别,各个元素和单个块上配置设置。WordPress支持CSS规范的标准子集,但也允许您直接添加自定义CSStheme.json文件。

如果可能的话,建议通过styles属性,至少用于标准WordPress功能。这使用户可以通过 外观>编辑>样式 没有CSS特异性问题。

本文档包含用于了解可用样式属性以及如何通过其主题应用样式的链接theme.json文件。

样式属性

styles是一流的财产theme.json并具有可以定义的多个嵌套属性。这些嵌套特性中的某些具有多个嵌套的层次。

以下是对这些属性的总体查看theme.json文件:

{
	"version": 2,
	"styles": {
		"elements": {},
		"blocks": {}
	}
}

以下是一个例子styles属性可以看起来像自定义theme.json文件。这应该使您对它的结构方式有所了解,但是当您阅读手册的这一部分时,您会更深入地深入研究:

{
	"version": 2,
	"styles": {
		"color": {
			"text": "#000000",
			"background": "#ffffff"
		},
		"elements": {
			"button": {
				"color": {
					"text": "#ffffff",
					"background": "#000000"
				}
			}
		},
		"blocks": {
			"core/code": {
				"color": {
					"text": "#ffffff",
					"background": "#000000"
				}
			}
		}
	}
}

样式文档

使用以下链接来探索通过theme.json文件:

  • 应用样式 如何使用标准JSON语法将自定义样式应用于主题。
  • 使用预设 如何使用您通过的预设settings风格中的财产。
  • 样式参考 可用样式属性的参考指南theme.json

By zhuon

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注