WordPress theme.json 生成器

生成有效的 theme.json——并看清哪一半才真正改变你的网站。

在你的浏览器里运行。什么都不上传。

布局

contentSize 是默认的内容列宽度，wideSize 是区块设置为「宽幅」时使用的宽度。

内容宽度（px）宽幅宽度（px）

调色板

这些会变成 CSS 自定义属性，并出现在编辑器的每一个颜色选择器中。

对比色（文字）

基础色（背景）

强调色（链接）

选项

流体字体输出 clamp() 字号，随视口平滑缩放，而不是在断点处跳变。 appearanceTools一行开启边框、间距、字体和颜色控件，无需逐项手动启用。同时应用 styles添加 styles 区块，让调色板真正渲染到前台。否则这些颜色只是在编辑器里可选。间距刻度生成 7 级间距预设，让内边距和外边距控件有合理的取值。

settings 与 styles 的区别

theme.json

将其保存为主题根目录下的 theme.json。每次加载页面都会读取，无需构建步骤，也没有缓存要清。

关于WordPress theme.json 生成器

一个 WordPress theme.json 生成器，输出有效的第 3 版文件：布局宽度、颜色调色板、流体字号和间距刻度。它还把人人都会踩的那个区别摆到明面上——settings 只是把值提供给编辑器，styles 才应用到前台，而只有调色板、在有东西用到它之前什么都不会变。

你可能还需要的其他工具

WordPress 图像尺寸实验室

拖一张图进来，看看 WordPress 会为它生成的每一份副本。