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文件中。
JS动态生成元素鼠标响应方法live()函数 CSS样式表中的样式覆盖优先顺序