WordPress中使用PHP按城市分类筛选活动文章的实现方法

现有分类映射关系（无需调整） #

你当前站点的分类ID可直接复用，作为筛选逻辑的匹配基础：

• 活动主分类ID：4（所有活动文章必须绑定该分类，作为全局筛选的范围限定）
• 城市分类ID对应关系：
  • City A：6
  • City B：5
  • 未归类活动：7

改动步骤（基于现有代码直接替换，无额外依赖） #

1. 改造下拉筛选菜单的跳转链接 #

将原有硬编码的空链接（href="#"）替换为携带筛选参数的合法链接，同时补充“全部活动”的默认选项，原有下拉菜单代码块替换为以下内容：

<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
  <li><a class="dropdown-item" href="<?php echo get_permalink(); ?>">全部城市</a></li>
  <li><a class="dropdown-item" href="<?php echo add_query_arg('city_filter', 6, get_permalink()); ?>">City A</a></li>
  <li><a class="dropdown-item" href="<?php echo add_query_arg('city_filter', 5, get_permalink()); ?>">City B</a></li>
  <li><a class="dropdown-item" href="<?php echo add_query_arg('city_filter', 7, get_permalink()); ?>">未分类</a></li>
</ul>

这里使用WordPress内置的add_query_arg()函数拼接URL参数，不会出现路径拼接错误。

2. 改造文章查询逻辑，动态响应筛选参数 #

将原有硬编码的活动查询代码，替换为支持动态筛选的版本，严格保证查询结果「同时属于活动主分类 + 选中的城市分类」，避免混入非活动内容，原有WP_Query代码块替换为以下内容：

<?php 
// 读取URL上的城市筛选参数，做安全类型转换，无参数则默认为空
$selected_city = isset($_GET['city_filter']) ? intval($_GET['city_filter']) : '';

// 基础查询规则：固定限定为活动主分类下的内容，每页最多输出99条
$args = [
  'category__and' => [4],
  'posts_per_page' => 99,
];

// 如果选中了具体城市分类，追加双分类匹配规则
if (!empty($selected_city)) {
  $args['category__and'][] = $selected_city;
}

$brandPosts = new WP_Query($args);

if ($brandPosts->have_posts()) {
  $i=1;
  while ($brandPosts->have_posts()) {
    $brandPosts->the_post();
    ?>  
    <div class="col-4 animated fadeIn mb-5 pb-3" data-id="<?php echo $i; ?>">            
      <div class="row justify-content-center">
        <div class="col-12 text-center">
          <a href="<?php the_permalink(); ?>"><img alt="<?php the_title(); ?>" src="<?php the_post_thumbnail_url(); ?>" class="img-fluid rounded-circle mb-3"></a>
        </div>
      </div>
      <div class="row">
        <div class="col-10 offset-2">
          <a href="<?php the_permalink(); ?>"><h2 class="mb-0"><?php the_title(); ?></h2></a>
          <p><?php echo excerpt(16); ?></p>
          <a href="<?php the_permalink(); ?>" class="see-more">See More</a>
        </div>
      </div>     
    </div>     
    <?php 
    $i++;
  }
} else {
  // 无匹配内容时的友好提示
  echo '<div class="col-12 text-center py-5">当前筛选条件下暂无活动内容</div>';
} 

wp_reset_postdata();
?>

落地注意事项 #

• 给活动文章打分类时，必须同时勾选「Event主分类 + 对应城市分类」，否则文章不会出现在任何筛选结果中
• 整个改造过程不影响页面原有的自定义字段输出、动画效果、Bootstrap样式渲染
• 所有传入的筛选参数都经过intval()做安全处理，避免SQL注入风险

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