如何向 WordPress 添加正文类
已发表: 2022-09-16向您的 WordPress 网站添加 body 类是自定义网站外观和感觉的好方法。 通过添加正文类,您可以使用您的 CSS 样式定位特定页面或帖子。 这可能是让您的网站脱颖而出的好方法。 有几种不同的方法可以将 body 类添加到 WordPress。 一种方法是使用 body_class() 函数。 此函数将向您网站的正文元素添加一个类。 添加正文类的另一种方法是编辑主题的 header.php 文件。 该文件负责输出您网站的部分。 通过向 header.php 文件添加正文类,您可以使用您的 CSS 样式定位特定页面或帖子。 向 WordPress 添加 body 类是自定义网站外观的好方法。
Context 模块还允许您向body 标记添加一个类。 如果您有一些特殊情况,这将是一种添加类的有效方法。
如何为我的身体添加课程?

将类添加到正文的一种方法是使用 className 属性。 此属性可用于向元素添加一个或多个类名。
我们可以在 HTML 中使用带正文的类吗?
任何 HTML 元素都可用于实现类属性。 可以提供区分大小写的类名。
我们可以在 CSS 中添加类吗?
Add class() 允许您向元素添加一个或多个类。 通过从 removeClass() 函数中删除所选元素中的所有类。 ToggleClass() – 一种允许您更改指定元素中类的顺序的方法。 将样式属性设置或返回给 CSS 函数。
如何在 WordPress 中添加正文标签?

要添加主题,请登录您的 WP 管理面板,从左侧边栏中选择“外观”,然后选择“主题编辑器”。 从右上角的下拉菜单中选择主题,然后向下滚动以找到头文件。 这是正文中的正文打开标签。
正文标签之后的代码通常需要显示网站的内容。 通常,这段代码在 JavaScript 的脚本标签中是不可见的。 Google Analytics、Google Tag Manager、Google Adsense 和 Facebook 等外部服务为您提供了一个脚本,必须分别在关闭 head 标签和 body 元素之前和之后添加该脚本。 WordPress 5.2 引入了一个名为 WP_body_open() 的新函数,可立即将代码添加到WordPress 正文标签。 如果您使用的是最新版本的 WordPress,则应在 body 标签旁边包含 WP_body_open() 方法。 它适用于 5.2 到 5.2 的 WordPress 版本。 页面、帖子或类别可能需要使用不同的脚本填充。 脚本可以通过多种方式添加到 WordPress,并且可以应用条件。
以下是制定这些规则时要牢记的几件事。 以开始标签开始,以结束标签结束。 当使用开始和结束标签时,浏览器会告诉你从进程的哪一部分开始:解析或停止。
您应该做的第二件事是确保您使用的选择器是正确的。 如果您的目标是 body 标签,您需要使用词 body 作为类型。 如果要定位 *html 标记内的所有元素,则必须首先使用 *html。
最后,注意显示内联开始和结束标记的语法。 如果您只想将规则应用于少数元素,这些标签会有所帮助。
模块化网页设计的好处
当网站以模块化方式设计时,例如使用“页脚”和“导航”等元素,每个模块的开始和结束标签可能会放置在文档的其他位置。
你可以在身体标签上放一个类吗?
是的,您可以在 body 标签上放置一个类。 class 属性用于为元素指定一个或多个类名。 class 属性用于为具有公共属性的元素设置样式。
您可以从多种样式选项中进行选择,包括 body class * padding: 10px; 边距:20px; 和body class * margin : 20px 以确保文档的 body 在所有边都有 10 像素的填充,20 p 类也可以用于设置文档不同部分的样式,例如 body (h1)。 字体大小:2em; body 使文档中的所有标题的字体大小为 2em。
在 Ids 上使用类
类的使用是完全可以接受的,尽管可能比使用 id 更可接受; id 应该尽可能少地使用,因为它们可能会与其他 id 发生冲突并破坏文档等内容。 Body 元素有一个类,同一个类可用于为项目中的其他页面设置样式。 因此,您的页面将显得一致且宾至如归。

WordPress Body_class
WordPress body_class 函数是一种为您的博客文章和页面提供独特 CSS 类的方法。 这对于将特定样式定位到特定页面或帖子很有用。 例如,您可以使用 body_class 函数为主页提供与站点其他部分不同的 CSS 类。
如何在 WordPress 中向 Body 标签添加自定义类
如果你想让你的身体标签变成 WordPress,你可以很容易地做到这一点。 我们唯一需要做的就是在 WordPress 主题中出现新页面时调用 body_class() 函数。 此方法允许我们确定用户正在查看哪个页面,然后我们添加适当的 CSS 类作为响应。 当我们想要将自定义类添加到 WordPress 不会自动添加的 body 标签时,我们可以使用 add_action() 函数来实现。 我们的 WordPress 网站的自定义函数可以被我们主题的任何函数调用,并且可以通过这个函数来制作。 函数 WP_page_class() 可用于根据我们正在查看的页面数量将自定义类添加到 body 标签。 在我们的 WordPress 站点中的特定页面的情况下,我们可以使用该函数来添加一个类。
身体类 Css
CSS 可用于为 HTML 元素创建独特的类。 这些类可用于为页面上的特定元素设置样式,或创建可应用于多个元素的通用样式。 通过创建正文类,您可以为文档的整个正文设置样式,或为正文中的各个元素创建特定样式。
SiteOrigin 级联样式表 (CSS) 是 SiteOrigin 使用的 WordPress 页面和帖子样式语言。 我们的 SiteOrigin CSS 插件提供了可视化编辑器界面以及用于输入您自己的自定义 CSS 的标准自定义 CSS字段。 在本教程中,您将学习如何定位正文类并将它们应用于您的自定义 CSS 规则,您将使用浏览器的开发人员工具来完成。 如果我们将上述规则添加到自定义 CSS 并更改背景值,则该规则将应用于整个站点。 当我们为规则添加主页的特定类之一时,它确保规则仅应用于该页面。 可以使用的两个类是 home 和 page-id-31。 SiteOrigin Premium 包含比 SiteOrigin Basic 更多的功能,包括页面构建器、小部件捆绑包和我们所有的主题。 通过使用 Web Font Selector 插件,您可以轻松地从 SiteOrigin CSS 的可视化编辑器中选择数百种漂亮的 Web 字体。 除了我们的下一级电子邮件支持之外,SiteOrigin Premium 还包括许多其他好处。
身体在 CSS 中是什么意思?
无论级别多高或低,body标签内的所有标签都被考虑在body *中。
使用 Css 进行样式设置
我将向您展示我正在使用的课程.my-class。 颜色红色。 我的名字也被称为 my.my。 其他类定义如下。 这个颜色是绿色的。
我们可以在正文中使用 Css 吗?
CSS 可以通过三种方式添加到 HTML 文档中:作为内容的一部分、作为侧面元素或作为特性。 通过利用 HTML 元素样式页面上的样式属性进行内联。 通过使用 head> 部分中的样式元素,您可以利用内部元素。
在 Css 中调整元素大小的不同方法
将 box-sizing 设置为 content-box 以根据元素中包含的内容计算元素的总宽度和高度。 当一个元素不包含任何内容时,容器的宽度和高度由浏览器根据它的宽度和高度来计算。
如果指定元素的边框宽高,浏览器会根据元素的边框宽高计算出元素的总宽高。 当不存在边框时,元素的宽度和高度是根据其宽度和高度计算的。
当您将 box-sizing 设置为 none 时,浏览器将根据元素的宽度和高度计算元素的总宽度和高度。
WordPress 删除正文类
要从 WordPress 站点中删除 body 类,您需要访问主题的样式表。 找到主题的样式表后,您需要找到要删除的主体类。 例如,如果您想删除“site-header”类,您会在样式表中找到以下代码:
.site-header {
}
然后,您将删除该代码,保存您的更改,并将修改后的样式表上传到您的 WordPress 站点。
WordPress 中的 Body_class() 函数
此外,body_class() 函数可用于将自定义模板标签和函数添加到正文中。