WordPress主题定制求助：按分类设置不同CSS类

嗨，很高兴能帮到你！针对你想要给不同分类设置专属CSS类的需求，这里有两种简单易上手的方案，不用太深入PHP也能搞定：

方案一：直接修改主题模板文件 #

如果你习惯直接编辑主题的模板（比如category.php、archive.php或者content.php这类负责文章循环的文件），可以按下面的步骤来：

1. 在文章循环的代码块里（通常是while (have_posts()) : the_post();之后），添加这段代码来获取当前文章的分类并映射到你想要的CSS类：

// 获取当前文章的分类
$categories = get_the_category();
$cat_class = '';
if ( ! empty( $categories ) ) {
    // 取文章的第一个分类（如果一篇文章属于多个分类，你可以调整逻辑选特定分类）
    $category_slug = $categories[0]->slug;
    // 定义分类slug和CSS类的对应关系
    $class_mapping = array(
        'articles' => 'cat-1',
        'blogs' => 'cat-2',
        'press-releases' => 'cat-3',
        'news' => 'cat-4'
    );
    // 匹配对应的CSS类
    $cat_class = isset( $class_mapping[$category_slug] ) ? $class_mapping[$category_slug] : '';
}

2. 找到输出文章容器的代码（比如<div class="post">或者<article>标签），把$cat_class加进去：

<div class="post-item <?php echo esc_attr($cat_class); ?>">
    <!-- 这里是文章标题、内容等原有代码 -->
</div>

注意：esc_attr()是用来安全转义输出内容的，一定要加上，避免潜在的安全问题。

方案二：用钩子函数（更安全，主题更新不丢失） #

如果你不想直接修改主题核心文件（防止主题更新后代码被覆盖），可以用WordPress的post_class钩子，把代码加到主题的functions.php里：

function custom_category_css_class( $classes ) {
    global $post;
    // 获取当前文章的分类
    $categories = get_the_category( $post->ID );
    if ( ! empty( $categories ) ) {
        $category_slug = $categories[0]->slug;
        $class_mapping = array(
            'articles' => 'cat-1',
            'blogs' => 'cat-2',
            'press-releases' => 'cat-3',
            'news' => 'cat-4'
        );
        // 如果匹配到对应分类，就把CSS类加到文章的类列表里
        if ( isset( $class_mapping[$category_slug] ) ) {
            $classes[] = $class_mapping[$category_slug];
        }
    }
    return $classes;
}
// 把自定义函数绑定到post_class钩子上
add_filter( 'post_class', 'custom_category_css_class' );

这样设置后，WordPress默认的post_class()函数会自动把你定义的cat-1、cat-2这类类名加到文章的HTML标签里，比如最终输出会是：

<article id="post-123" class="post type-post status-publish hentry cat-1">

小提示 #

• 上面的例子用的是分类的slug（你可以在WordPress后台「文章→分类」里，编辑每个分类时看到它的slug），如果你想按分类ID来映射，只需要把$category_slug = $categories[0]->slug;改成$category_id = $categories[0]->term_id;，然后把$class_mapping的键换成分类ID就行，比如'1' => 'cat-1'。
• 如果一篇文章属于多个分类，你可以调整代码逻辑，比如优先选择某个特定分类，或者给多个分类都加上对应的类。

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