WordPress Body Class 101：主题设计师的提示和技巧

Mostafa044 · Post by **Mostafa044** » Thu Jan 16, 2025 6:35 am

如果您是一名有抱负的 WordPress 主题设计师，掌握 CSS 是在工作流程中获得更多控制、自定义和效率的关键。

幸运的是，WordPress会自动添加可在主题中使用的CSS 类。其中一些 CSS 类会自动<body>-Abschnitt插入到 WordPress 网站的每个页面中。

在本文中，我们将解释 WordPress Body 类。我们还将根据多年的主题开发经验，为您提供使用 WordPress 正文类的提示和技巧，以帮助您改进项目。

使用 WordPress body 类进行主题开发
以下是您将在本文中学到的内容的快速概述。

Body 类 (body_class) 是一个 WordPress 函数，允许您将 CSS 类分配给 body 元素。

HTML 正文标记通常从主题的 header.php 文件开始，该文件会加载到每个页面上。这允许您动态地找出用户当前正在查看哪个页面，然后相应地添加 CSS 类。

通常，大多数主题和框架已经在 HTML body 关键字中包含了 body 类函数。但是，如果您的主题没有此功能，您可以通过更改 body 标记来添加它，如下所示：

例如，如果您所在的页面包含 archive，WordPress 会比利时数据自动将 Archive 类添加到 body 元素中。几乎每个页面都会这样做。

相关：查看WordPress 在幕后的工作原理（信息图）。

以下是 WordPress 可以根据您正在查看的页面添加的一些常见类的示例：

我们建议使用WPCode添加此代码，这是市场上最好的代码片段插件。它可以安全、轻松地在 WordPress 中添加自定义代码，而无需编辑主题的functions.php 文件。

首先，您需要安装并激活免费的WPCode 插件。如果您需要指导，请查看我们的WordPress 插件安装指南。

激活插件后，转到WordPress 仪表板中的代码片段“ 添加片段” 。然后找到“添加您自己的代码（新代码段）”选项，然后单击其下方的“使用代码段”按钮。