在WordPress中，body_class() 函数是一个非常有用的工具，它允许你为不同的页面添加不同的CSS类，这样你就可以针对特定的页面或页面类型编写特定的样式。以下是如何使用 body_class() 函数为不同的页面添加不同的CSS类的步骤：
-
了解
body_class()函数的基本用法：
body_class()函数会自动为<body>标签添加多个类，这些类基于当前页面的上下文，例如页面类型、模板、父页面等。 -
在主题的
header.php文件中添加body_class()：
通常，body_class()函数在主题的header.php文件中的<body>标签内使用。<body <?php body_class(); ?>> -
自定义
body_class()输出：
如果你想要为特定的页面添加额外的类，你可以使用body_class()函数的第二个参数，它允许你传递一个数组，其中包含你想要添加的任何额外类。
以下是一些具体的例子：
为特定页面添加类
假设你想要为ID为7的页面添加一个名为 custom-page-class 的类：
<body <?php body_class( is_page( 7 ) ? 'custom-page-class' : '' ); ?>>为特定模板添加类
如果你想要为使用特定模板的页面添加类，你可以检查 is_page_template() 函数的返回值：
<body <?php body_class( is_page_template( 'template-custom.php' ) ? 'custom-template-class' : '' ); ?>>为特定分类添加类
如果你想要为属于特定分类的页面添加类，你可以检查 is_category() 函数的返回值：
<body <?php body_class( is_category( 'news' ) ? 'news-category-class' : '' ); ?>>使用多个条件
你也可以组合多个条件来添加多个类：
<body <?php body_class( array(
is_page( 7 ) ? 'custom-page-class' : '',
is_page_template( 'template-custom.php' ) ? 'custom-template-class' : '',
is_category( 'news' ) ? 'news-category-class' : ''
) ); ?>>在这个例子中，如果当前页面满足任何一个条件，相应的类就会被添加到 <body> 标签中。
通过这种方式，你可以为不同的页面和情境创建高度定制化的CSS类，从而为你的WordPress网站提供更精细的样式控制。
