建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
WordPress 按分类搜索设计
发布日期:2010-09-10 阅读次数:709 字体大小:

 

WordPress 高级搜索设计 : WordPress 按分类搜索

WordPress 按分类搜索目前很少人在用,99%的wordpress都是用普通的搜索方式,代码如下:

<form action=”<?php bloginfo(‘url’); ?>” method=”get” id=”search”>
<input name=”s” type=”text” />
<input type=”submit” value=http://www.chinaz.com/Webbiz/Exp/”" />
</form>

 

个人还是比较喜欢高级的搜索方法,按分类进行搜索,代码如下:

<form id=”searchform” name=”searchform” method=”get” action=”<?php bloginfo(‘home’); ?>/” >
<ul>
<li>
<p>
<?php $select = wp_dropdown_categories(‘class=search_select&show_option_all=全站搜索&orderby=name&hierarchical=0&selected=-1&depth=1′);?>
</p>
</li>
<li>
<input type=”text” name=”s” id=”s” maxlength=”34″ value=http://www.chinaz.com/Webbiz/Exp/”"/>
</li>
<li>
<input type=”image” value=http://www.chinaz.com/Webbiz/Exp/”" src=”<?php bloginfo(‘template_url’); ?>/img/search.gif”/>
</li>
</ul>
</form>

 

wordpress还有另外一种方法实现高级搜索,选项框选择的高级搜索,这个需要wordpress设计者手动填写分类的ID,这种搜索的源代码如下:

<div>
<form id=”index_search” name=”index_search” method=”get” action=”<?php bloginfo(‘home’); ?>/”>
<p><input type=”text” name=”s” id=”s” value=http://www.chinaz.com/Webbiz/Exp/”"/> <input type=”submit” value=” 搜 索 ” /></p>
<p>
<label for=”s_type5″ style=”width:50px”><input type=”radio” name=”cat” id=”cat” value=http://www.chinaz.com/Webbiz/Exp/”all” checked>全站</label>
<label for=”s_type1″ style=”width:50px”><input type=”radio” name=”cat” id=”cat” value=http://www.chinaz.com/Webbiz/Exp/”4″ checked>主题</label>
<label for=”s_type2″ style=”width:50px”><input type=”radio” name=”cat” id=”cat” value=http://www.chinaz.com/Webbiz/Exp/”6″>插件</label>
<label for=”s_type3″ style=”width:50px”><input type=”radio” name=”cat” id=”cat” value=http://www.chinaz.com/Webbiz/Exp/”3″>主机</label>
<label for=”s_type4″ style=”width:50px”><input type=”radio” name=”cat” id=”cat” value=http://www.chinaz.com/Webbiz/Exp/”10″>经验</label>
</p>
</form>
</div>

 

感谢 steve 的投稿