Ganesh Dahal

字体是任何网站设计的一个决定性特征。这包括 WordPress 主题，在主题开发人员中，将诸如 Google 字体 这样的服务集成到“经典”基于 PHP 的主题的 WordPress 自定义器设置中很常见。这还没有……

WordPress 样式引擎生成区块主题的 CSS。你为什么要想知道这样一个不可见的过程是如何工作的？嗯，就像编写 CSS 一样，你需要确保你的代码井井有条，结构合理，以便你的样式能正确地使用 CSS 级联。

我们在本系列中已经涵盖了很多内容。如此之多，以至于我认为将所有来自 theme.json 的各种区块主题设置和样式浓缩到此处的单个页面中会很有帮助。

让我们转到 theme.json 的另一个顶级部分，在这里我们可以配置区块主题的 CSS：styles。我们将学习它究竟是什么，以及我们如何使用它来覆盖和应用我们在第 2 部分中介绍的预设设置值。

让我们利用我们在 WordPress 区块主题中了解的 theme.json 结构，并将其应用于文件的两个主要部分：settings 和 styles。这些数组是配置 WordPress 功能和主题 CSS 输出的“顶级”。

为了开始，让我们先回顾一下几个理解 theme.json 文件是什么、它的结构以及如何配置它的重要词汇。我们将在过程中介绍示例，但这里的主要目标是熟悉在本系列中将要看到的术语。

自全站编辑功能引入到区块主题以来，WordPress 中的 CSS 管理方式发生了巨大变化。本指南针对的是区块主题及其配置方式，从启用编辑器功能和控件到定义主题范围的 CSS 以及自定义特定区块的外观。

CSS 的 box-shadow 和 outline 属性在 WordPress 6.1 中获得了 theme.json 支持。让我们看一下如何在真实主题中使用它的一些示例，以及我们有哪些选项可以将这些样式应用于 WordPress 区块和元素。

WordPress 网站编辑器 (是的，现在是 “官方”名称) 的主要目标之一是将基本区块样式 从 CSS 移动到结构化的 JSON。JSON 文件是机器可读的，这使得它可以被……