WordPress最新文章页是否存在专属类可限制CSS样式生效范围

方案1：直接使用系统自带body类 #

• 如果你在后台「设置-阅读」中将首页设置为「最新文章」，该页面默认会在body标签自带home类，你可以直接用这个类做样式限定，示例如下：

.home p { 
  font-size: 26px; 
}

• 如果你的站点同时设置了独立静态首页，最新文章页被设置为单独的文章列表页，可直接用blog类做限定：

.blog p { 
  font-size: 26px; 
}

方案2：自定义专属类名（更稳妥，避免类名冲突） #

WordPress默认没有自带page-latest-post这类专属标识，你可以通过给主题添加代码的方式自定义，步骤如下：

1. 打开当前使用主题的functions.php文件，将以下代码插入到文件末尾：

add_filter('body_class', 'add_custom_latest_post_class');
function add_custom_latest_post_class($classes) {
    // 判断是否为最新文章列表页
    if (is_home()) {
        $classes[] = 'page-latest-post';
    }
    // 如果需要限定为最新发布的单篇文章详情页，可替换为以下判断逻辑
    // global $post;
    // $latest_post = get_posts(array('numberposts' => 1, 'post_type' => 'post'));
    // if ($post->ID == $latest_post[0]->ID) {
    //     $classes[] = 'page-latest-post';
    // }
    return $classes;
}

提示：如果后续升级主题，functions.php的修改会被覆盖，建议使用子主题或者自定义代码 snippet 插件来添加这段代码
2. 保存后刷新页面，最新文章页的body标签就会新增page-latest-post类，你可以按你习惯的方式写限定样式：

.page-latest-post p { 
  font-size: 26px; 
}

内容的提问来源于stack exchange，提问作者TonyDiMasi