如何在the_post_navigation中获取上下篇文章的第二个分类ID？

首先，我们需要替换默认的the_post_navigation()函数，自己构建导航结构——这样才能拿到上下篇文章的完整对象，进而获取它们的分类信息。下面是具体步骤：

1. 自定义文章导航函数 #

在你的主题functions.php文件（或者单页模板single.php里）添加以下代码：

function custom_post_navigation() {
    // 获取上下篇文章的对象
    $prev_post = get_previous_post();
    $next_post = get_next_post();

    // 如果没有上下篇，直接返回不显示
    if ( !$prev_post && !$next_post ) {
        return;
    }

    echo '<div class="post-navigation">';

    // 处理上一篇文章
    if ( $prev_post ) {
        // 获取上一篇的所有分类，取第二个分类（索引为1，因为数组从0开始）
        $prev_categories = get_the_category( $prev_post->ID );
        $prev_style = '';
        
        if ( isset( $prev_categories[1] ) ) {
            $prev_cat_id = $prev_categories[1]->term_id;
            // 获取该分类的自定义颜色字段（这里假设字段名为category_color，根据你的实际字段名修改）
            $prev_cat_color = get_term_meta( $prev_cat_id, 'category_color', true );
            // 如果有颜色值，就设置CSS变量
            if ( $prev_cat_color ) {
                $prev_style = ' style="--hover-bg: ' . esc_attr( $prev_cat_color ) . '"';
            }
        }

        // 输出上一篇链接
        echo '<div class="nav-previous">';
        echo '<a href="' . get_permalink( $prev_post->ID ) . '"' . $prev_style . '>';
        echo '<span class="nav-label">上一篇</span>';
        echo '<span class="nav-title">' . get_the_title( $prev_post->ID ) . '</span>';
        echo '</a>';
        echo '</div>';
    }

    // 处理下一篇文章，逻辑和上一篇一致
    if ( $next_post ) {
        $next_categories = get_the_category( $next_post->ID );
        $next_style = '';
        
        if ( isset( $next_categories[1] ) ) {
            $next_cat_id = $next_categories[1]->term_id;
            $next_cat_color = get_term_meta( $next_cat_id, 'category_color', true );
            if ( $next_cat_color ) {
                $next_style = ' style="--hover-bg: ' . esc_attr( $next_cat_color ) . '"';
            }
        }

        echo '<div class="nav-next">';
        echo '<a href="' . get_permalink( $next_post->ID ) . '"' . $next_style . '>';
        echo '<span class="nav-label">下一篇</span>';
        echo '<span class="nav-title">' . get_the_title( $next_post->ID ) . '</span>';
        echo '</a>';
        echo '</div>';
    }

    echo '</div>';
}

2. 替换默认导航调用 #

打开你的单页模板（比如single.php），找到原来调用the_post_navigation();的地方，把它换成我们自定义的函数：

custom_post_navigation();

3. 添加CSS实现hover效果 #

在主题的样式文件（比如style.css）里添加以下CSS，利用CSS变量来关联hover背景色：

.post-navigation a {
    /* 这里可以添加导航链接的基础样式，比如 padding、字体等 */
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.post-navigation a:hover {
    /* 使用自定义的CSS变量，没有颜色时用#ccc作为默认值 */
    background-color: var(--hover-bg, #ccc);
    color: #fff; /* 可选：hover时文字变白，提升可读性 */
}

关键要点说明 #

• 获取第二篇分类ID：通过get_the_category($post_id)拿到文章的分类数组，因为数组索引从0开始，所以第二个分类对应$categories[1]，再取它的term_id就是分类ID。
• 分类自定义字段获取：用get_term_meta()函数，第一个参数是分类ID，第二个是你创建的自定义字段名称（一定要和你实际设置的字段名一致，比如如果用ACF创建的，字段名就是你设置的键）。
• 安全处理：用esc_attr()转义颜色值，避免潜在的XSS安全问题。
• 兼容情况：如果某篇文章只有一个分类，代码会自动跳过，hover时使用CSS里的默认背景色。

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