WordPress创建search模板页面 如果无搜索结果提供新的搜索框提示

我们在制作WordPress主题时，需要搭建search页面，来展示搜索结果：

<?php get_header(); ?>
    <div> 
      <h1>关键词“<?php echo the_search_query(); ?>”共有“<?php global $wp_query; echo $wp_query->found_posts; ?>”个搜索结果</h1>
        <ul>
        <?php if (have_posts()) : ?>
        <?php while (have_posts()) : the_post(); ?>
            <li class="clearfix">
                <div class="news_time"><time><?php the_time('n-j'); ?></time><div class="news_icon"> <span></span> </div></div>
                <div class="news_con">
                    <h5> <a target="_blank" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a> </h5>
                    <p><?php echo wp_trim_words( get_the_excerpt(), 50 ); ?></p>
                </div>
            </li>
        <?php endwhile; else: ?>
        <p>No results :(</p>
        <form action="<?php bloginfo("siteurl"); ?>" method="get">
            <input type="search" name="s" placeholder="请输入其他关键词">
            <input type="submit" value="立即搜索">
        </form>
        <?php endif; ?>
        </ul>      
    </div>
<?php get_footer(); ?>

以上是一个简单的搜索结果页面，以及如果没有搜索结果时，出现新的搜索框，搜索其他关键词。其中排版样式可以自行更改为自己的网站样式，可以拷贝分类列表来改造，方便快捷。

这里使用的the_search_query()来输出搜索词；也可以使用

<?php wp_title( '' ); ?>

来输出，结果是：搜索结果 搜索词。例如搜索了关键词PHP，则显示的是：搜索结果 php

引入搜索框时，name=”s”，是固定的，一定要有！

版权声明：本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权

文章名称：WordPress创建search模板页面 如果无搜索结果提供新的搜索框提示

文章链接：https://news.yynnw.com/114.html

该作品系作者结合个人学习经验及互联网相关知识整合。如若侵权请通过投诉通道提交信息，我们将按照规定及时处理。

觉得文章有用就打赏一下文章作者

微信扫一扫打赏

标签：search模板、search页面、搜索模板、搜索页面