主题.json

主题的theme.json文件是管理编辑器体验的最佳方法之一,很可能是您在寻求更复杂的解决方案之前使用的第一个工具。

提供默认控制/选项

由于theme.json相当于一个配置工具,所以有很多方法可以在粒度级别定义可用的选项。本节将以duotone为例,因为它展示了一个跨越几个块并允许不同级别访问的功能。

具有核心选项的双色调,可用于每个图像相关块:

{“版本”:3,“设置”:{“颜色”:{“customDuotone”:正确,“双音”:[]}}}

具有主题定义颜色选项、核心选项和可用于每个图像相关块的自定义的双色调:

{“版本”:3,“设置”:{“颜色”:{“双音”:[{“颜色”:[“#000000”,“#ffffff”],“鼻涕虫”:“前景和背景”,“name”:“前景和背景”},{“颜色”:[“#000000”,“#ff0200”],“slug”:“前台和后台”,“name”:“前景和次要”},{“colors”(颜色):[“#000000”,“#7f5dee”],“slug”:“前台和三级”,“name”:“前台和三级”},]}}}

具有已定义的默认选项和可用于后期特色图像块的所有自定义的双色调:

{“版本”:3,“设置”:{“颜色”:{“自定义”:true,“customDuotone”:真},“区块”:{“核心/后功能图像”:{“颜色”:{“双音”:[{“颜色”:[“#282828”,“#ff5837”],“slug”:“黑白相间”,“name”:“黑色和橙色”},{“颜色”:[“#282828”,“#0288d1”],“slug”:“黑白”,“name”:“黑色和蓝色”}],“customDuotone”:正确,“自定义”:true}}}}}

只有定义的默认选项和核心选项可用于Post Featured Image块的双色调(无自定义):

{“版本”:3,“设置”:{“颜色”:{“自定义”:true,“customDuotone”:真},  “块”:{“核心/后功能图像”:{“颜色”:{“双音”:[{“颜色”:[“#282828”,“#ff5837”],“鼻涕虫”:“黑色和橙色”,“name”:“黑色和橙色”},{“颜色”:[“#282828”,“#0288d1”],“slug”:“黑白”,“name”:“黑色和蓝色”}],“customDuotone”:false,“自定义”:false}}} }}

使用theme.json限制界面选项

按块限制期权

除了定义默认值之外,使用theme.json还可以完全删除选项,而依赖于主题设置的内容。下面是一个视觉效果,显示了具有相同段落块的两个极端:

受限界面图片

继续使用双色调的示例,这意味着您可以完全访问图像块的所有双色调功能,并且只限制发布特色图像块,如下所示:

{“版本”:3,“设置”:{“颜色”:{“自定义”:true,“customDuotone”:真},“区块”:{“核心/图像”:{“颜色”:{“双音”:[],“customDuotone”:正确,“自定义”:true}},“核心/后功能图像”:{“颜色”:{“双音”:[],“customDuotone”:假,“自定义”:false}}}}}

你可以阅读更多关于如何最好地在此处使用theme.json打开/关闭选项.

禁用继承默认布局

要禁用容器块(如Group块)的“继承默认布局”设置,请删除以下部分:

“布局”:{“contentSize”:空,“wideSize”:空},

全局限制选项

在块或经典主题中使用theme.json时,这些设置将阻止全局启用默认颜色和排版控件,从而大大限制了可能的操作:

{“版本”:3,“设置”:{“布局”:{“contentSize”:“750px”},“颜色”:{“background”:假,“自定义”:false,“customDuotone”:false,“customGradient”:false,“defaultGradients”:false,“defaultPalette”:假,“文本”:false},“排版”:{“customFontSize”:false,“dropCap”:假,“fontStyle”:假,“fontWeight”:假,“letterSpacing”:假,“lineHeight”:false,“textDecoration”:假,“textTransform”:错误}}}

要从上面启用某些功能,只需将要更改的值设置为真的以获得更高的粒度。