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

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

时间:2022年11月14日 分类:WordPress学习 浏览量:518

我们在制作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

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

标签:

最新文章

猜你喜欢