明凯博客

关注网站技术,一个特立独行的程序员

wordpress如何制作自定义搜索框和结果页面

对于在某个主题中想添加很多自己想要的效果给搜索框和结果页面的人来说这绝对是一个好的方案,其实代码很简单而且很少,关键是几个要注意的地方。
首先是搜索框的代码如下:

1
2
3
4
<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <input class="letterinput" type="text" name="s" value="Search" />
    <input class="gobutton" type="submit" value="Go" />
</form>

将以上代码放入自己想要的地方并自己编写好样式就可以了。

接着就是结果页面的代码:

1
2
3
4
5
6
7
8
9
10
< ?php $posts=query_posts($query_string .'&posts_per_page=20'); ?>
< ?php if (have_posts()) : ?>
    <h2>Search Results</h2>
< ?php while (have_posts()) : the_post(); ?>
    <article class="searchlist clearfix">
        <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to < ?php the_title_attribute(); ?>">< ?php the_title(); ?></a>
        <br />Posted in < ?php the_category(', ') ?> on < ?php the_time('l jS F, Y - g:ia') ?> 
    </article>
< ?php endwhile; ?>
< ?php endif; ?>

以上代码需要放入search.php文件中。

, ,

相关文章

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注