自定义WordPress主题中get_search_form()致搜索结果空白的问题求助

1. 修复searchform.php文件 #

你当前的searchform.php错误地写成了完整页面模板，但它本质是仅输出搜索表单的片段文件。修改后只保留核心表单代码，删除多余的页面结构：

<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
    <label>
        <span class="screen-reader-text"><?php echo _x( 'Search for:', 'label' ) ?></span>
        <input type="search" class="search-field" placeholder="<?php echo esc_attr_x( 'Search Blog Posts', 'placeholder' ) ?>" value="<?php echo get_search_query() ?>" name="s" title="<?php echo esc_attr_x( 'Search for:', 'label' ) ?>" />
    </label>
    <input type="submit" class="search-submit" value="<?php echo esc_attr_x( ' >', 'submit button' ) ?>" />
</form>

原因：get_search_form()函数会直接将searchform.php内容插入调用位置，之前的代码包含header和footer，会导致页面结构重复，干扰搜索提交后的渲染逻辑。

2. 重新创建正确的search.php文件 #

search.php是WordPress专门用于展示搜索结果的模板文件，需遵循主题模板结构，同时包含结果循环逻辑。以下是基础示例：

<?php get_header(); ?>

<div class="search-results-wrap">
    <h1 class="search-title">
        <?php printf( __( '搜索结果：%s', 'your-theme' ), get_search_query() ); ?>
    </h1>

    <?php if ( have_posts() ) : ?>
        <?php while ( have_posts() ) : the_post(); ?>
            <article class="search-item">
                <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                <div class="search-excerpt"><?php the_excerpt(); ?></div>
            </article>
        <?php endwhile; ?>

        <!-- 分页导航（按需添加） -->
        <div class="pagination">
            <?php the_posts_navigation(); ?>
        </div>
    <?php else : ?>
        <p><?php _e( '未找到匹配结果，请尝试其他关键词。', 'your-theme' ); ?></p>
    <?php endif; ?>
</div>

<?php get_footer(); ?>

注意事项：

• 将your-theme替换为你的主题文本域（无则可直接删除该参数）
• 检查PHP语法是否正确（如括号、分号是否闭合），这是导致页面崩溃的常见原因
• 可根据主题样式调整HTML结构和类名

3. 验证流程 #

1. 替换searchform.php后，刷新archive.php页面，确认搜索表单正常显示
2. 替换search.php后，提交搜索词，查看结果页面是否正常加载并展示内容
3. 若仍有页面无法加载问题，可开启WordPress调试模式（在wp-config.php中设置define('WP_DEBUG', true);），查看具体错误提示定位问题

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