WordPress自定义搜索结果显示两大问题求助

问题1：提交搜索后输入框与筛选器参数丢失 #

核心原因 #

表单提交后未回显当前请求的参数值，页面刷新后输入框、下拉框自动重置为默认状态。

修改后的表单代码 #

<form method="get" action="<?php echo home_url('/') ?>">
    <div>
        <!-- 回显搜索关键词 -->
        <input type="search" name="s" value="<?php echo esc_attr(get_search_query()); ?>" />
        <input type="hidden" name="post_type" value="recettes" />
        <input type="submit" value="Rechercher">
    </div>
    <select name="duree">
        <option value="0" <?php echo (isset($_GET['duree']) && $_GET['duree'] == '0') ? 'selected' : ''; ?>>Time</option>
        <?php
        $filters_args = array(
            'orderby' => 'name',
            'order' => 'ASC'
        );
        $terms = get_terms('time', $filters_args);
        if (!empty($terms) && !is_wp_error($terms)) {
            foreach ($terms as $term) {
                // 动态标记选中项
                $selected = (isset($_GET['duree']) && $_GET['duree'] == $term->slug) ? 'selected' : '';
        ?>
                <option value="<?php echo esc_attr($term->slug); ?>" <?php echo $selected; ?>><?php echo esc_html($term->name); ?></option>
        <?php
            }
        }
        ?>
    </select>
</form>

关键细节 #

• 用get_search_query()获取当前搜索关键词，通过esc_attr()转义后赋值给输入框value属性，避免XSS风险
• 下拉框通过判断$_GET['duree']与当前分类slug是否匹配，动态添加selected属性
• 所有输出内容均做转义处理，符合WordPress安全规范

问题2：自定义WP_Query不遵循分类筛选，使用global $wp_query是否有问题 #

原因拆解 #

1. 头部搜索结果计数（如“找到X条结果”）依赖全局$wp_query，自定义$query不会同步更新该变量，导致头部显示与实际列表不一致
2. 原自定义查询未包含duree分类筛选参数，即使提交筛选条件也无法生效

最优解决方案：修改主查询（WordPress官方推荐） #

通过pre_get_posts钩子修改全局主查询，确保头部计数、列表展示、分页功能统一：

1. 在主题functions.php中添加钩子代码：

add_action('pre_get_posts', 'custom_search_query');
function custom_search_query($query) {
    // 仅在前台搜索页面的主查询生效
    if (!is_admin() && $query->is_search() && $query->is_main_query()) {
        // 设置目标文章类型
        $query->set('post_type', array('recettes', 'post'));
        // 设置每页展示数量
        $query->set('posts_per_page', 15);
        
        // 添加分类筛选逻辑
        if (isset($_GET['duree']) && $_GET['duree'] != '0') {
            $query->set('tax_query', array(
                array(
                    'taxonomy' => 'time',
                    'field'    => 'slug',
                    'terms'    => $_GET['duree'],
                ),
            ));
        }
    }
}

2. 修改search.php中的结果展示代码：

if (have_posts()) {
    while (have_posts()) {
        the_post();
?>
        <h2><?php the_title(); ?></h2>
<?php
    }
    wp_reset_postdata(); // 用wp_reset_postdata()替代wp_reset_query()，更贴合主查询场景
} else {
    echo '<p>没有找到匹配的内容</p>';
}

关于global $wp_query的说明 #

直接使用全局$wp_query本身无问题，但禁止直接重写该变量（如$wp_query = new WP_Query($args)），这会破坏WordPress查询生命周期，导致分页、计数等功能异常。通过pre_get_posts钩子修改主查询是官方推荐的最佳实践，能避免多数兼容性问题。

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