WordPress校园网站：年级班级架构、展示及特定文章组导航咨询

以下是几种实用实现方案：

• 自定义分类法分组：先创建一个自定义分类（比如article_group），把需要归为一组的文章分配到同一分类下。通过WP_Query查询该分类下的所有文章，循环输出导航链接：

$group_posts = new WP_Query(array(
    'post_type' => 'post',
    'tax_query' => array(
        array(
            'taxonomy' => 'article_group',
            'field'    => 'slug',
            'terms'    => 'target-group-slug',
        ),
    ),
    'posts_per_page' => -1,
));

if ($group_posts->have_posts()) {
    echo '<nav class="group-nav">';
    while ($group_posts->have_posts()) {
        $group_posts->the_post();
        echo '<a href="' . get_permalink() . '">' . get_the_title() . '</a>';
    }
    echo '</nav>';
    wp_reset_postdata();
}

• 自定义字段标记：给目标文章添加相同的自定义字段（比如group_id），查询时通过meta_query筛选，再生成导航。
• 页面模板/短代码：若分组固定，可在页面模板里直接硬编码导航；或编写短代码，传入分组参数动态生成导航，方便后台编辑调用。

一、体系构建最佳方式 #

• 自定义内容类型方案：
  • 创建grade（年级）、class（班级）、student（学生）三个自定义内容类型。
  • 给class添加自定义字段绑定对应年级ID，给student添加自定义字段绑定所属班级ID，建立层级关联。
• 分类法层级方案：
  • 顶级分类设为年级（如“一年级”“二年级”），子分类设为对应年级的班级（如“一年级1班”）。学生作为文章分配到对应班级子分类下，适合需求简单的场景。
• 关系插件辅助：若需复杂关联（如学生转班），可使用自定义关系插件建立年级-班级-学生的关联，后台操作更直观。

二、年级导航与班级展示实现 #

• 年级导航生成：
  • 若用分类法，查询所有顶级年级分类，输出导航链接：

$grades = get_terms(array(
    'taxonomy' => 'school_grade',
    'parent' => 0,
    'hide_empty' => false,
));

echo '<nav class="grade-nav">';
foreach ($grades as $grade) {
    echo '<a href="' . get_term_link($grade) . '">' . $grade->name . '</a>';
}
echo '</nav>';

• 若用自定义内容类型，直接查询所有grade类型文章，循环输出导航即可。
• 班级展示：
  • 在年级详情页（分类存档页或自定义模板），查询该年级下的班级：分类法场景取对应顶级分类的子分类；自定义内容类型场景用meta_query筛选绑定该年级ID的班级，循环输出班级列表。
• 无跳转页面切换：若不想跳转页面，用JavaScript实现Tab切换。先渲染所有年级的班级内容，隐藏非当前年级区块，点击导航时切换显示：

document.querySelectorAll('.grade-nav a').forEach(link => {
    link.addEventListener('click', function(e) {
        e.preventDefault();
        document.querySelectorAll('.grade-nav a').forEach(item => item.classList.remove('active'));
        this.classList.add('active');
        document.querySelectorAll('.class-section').forEach(section => section.style.display = 'none');
        const targetGrade = this.dataset.grade;
        document.getElementById(`grade-${targetGrade}`).style.display = 'block';
    });
});

给导航链接加data-grade属性，对应班级区块加id="grade-xxx"即可实现切换。

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