在WordPress中，body_class()函数用于在网页的标签中输出一个或多个CSS类。 body_class()函数可以根据当前页面的属性和设置来自动添加和删除CSS类。
使用body_class()函数的语法如下：
<body >
或者可以将输出的CSS类保存到一个变量中，以便进一步处理：
<body >
默认情况下，body_class()函数会根据以下参数自动添加CSS类：
1. 页面类型：例如，如果当前页面是首页，则会添加"home" CSS类。
2. 日志类型：例如，如果当前页面是一个日志页面，则会添加“blog” CSS类。
3. 文章类型：例如，如果当前页面是一个文章页面，则会添加“single” CSS类。
4. 页面模板：例如，如果当前页面使用了一个自定义页面模板，则会添加该页面模板的名称（作为CSS类）。
5. 分类：如果当前页面显示了一个分类目录的内容，则会添加“category-[slug]” CSS类，其中[slug]是分类的别名。
6. 标签：如果当前页面显示了一个标签的内容，则会添加“tag-[slug]” CSS类，其中[slug]是标签的别名。
7. 作者：如果当前页面显示了一个作者的内容，则会添加“author-[user_nicename]” CSS类，其中[user_nicename]是作者的用户名。
8. 日期：如果当前页面显示了一个按照日期归档的内容，则会添加“date” CSS类。
9. 搜索结果：如果当前页面显示了一个搜索结果，则会添加“search-results” CSS类。
10. 404页面：如果当前页面是一个404错误页面，则会添加“error404” CSS类。
除了以上默认的CSS类之外，你还可以通过调用body_class()函数时传递参数来手动添加和删除CSS类。例如：
$body_classes = body_class(array('custom-class', 'another-class'), 'my-page-template');
上述代码会添加"custom-class"和"another-class"这两个CSS类，并且会删除当前页面的所有其他CSS类。
你还可以使用条件语句来根据特定的条件添加和删除CSS类。例如，以下代码会在某个特定的页面上添加一个CSS类：
if (is_page('about')) {
$body_classes = body_class('about-page');
}
上述代码会在URL中包含“about”的页面上添加"about-page" CSS类。
需要注意的是，body_class()函数应该在网页的标签中调用。
0 个评论