文章标签

如何样式引擎生成类

WordPress 样式引擎会为块主题生成 CSS。为什么你需要知道这样一个看不见的过程是如何工作的呢？好吧，就像编写 CSS 一样，你需要确保你的代码井然有序，结构良好，以便你的样式能够正确地使用 CSS 级联。

Ganesh Dahal 在 2023 年 3 月 1 日

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

Ganesh Dahal 在 2023 年 3 月 1 日

让我们转向 theme.json 的另一个顶级部分，在这里我们可以配置块主题的 CSS：样式。我们将了解它到底是什么，以及如何使用它来覆盖和应用我们在第二部分中介绍的预设设置值。

Ganesh Dahal 在 2023 年 3 月 1 日

让我们利用我们在 WordPress 块主题的 theme.json 结构方面的知识，将其应用于该文件的两个主要部分：设置和样式。这些数组是配置 WordPress 功能和主题 CSS 输出的“顶级”。

Ganesh Dahal 在 2023 年 3 月 1 日

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

Ganesh Dahal 在 2023 年 3 月 1 日

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

Ganesh Dahal 在 2023 年 3 月 1 日

不久前，Ganesh Dahal 在 CSS-Tricks 上发布了一篇文章，回应了一条关于在 WordPress 块和元素上添加 CSS 盒阴影的推文。这里面有很多很棒的东西利用了新功能……

Fränk Klein 在 2023 年 2 月 6 日

在本系列中，我们已经完成了许多工作！我们创建了一个自定义 WordPress 块，它从外部 API 获取数据并在前端呈现。然后，我们利用这项工作并对其进行了扩展，以便数据……

Manoj Kumar 在 2022 年 12 月 12 日

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

Ganesh Dahal 在 2022 年 12 月 7 日