外贸营销

wordpress高级搜索功能示例:按分类搜索
2019.09.06 外贸营销

wordpress默认的搜索功能,仅有一个搜索框,功能单一,如何给搜索框增加搜索条件,提高搜索的准确性?

示例:按分类搜索。

让访客可以在搜索的时候,可以选择分类作为条件,同时,本教程也可更改为其它的各种条件。

效果如图:

wordpress高级搜索功能示例:按分类搜索

步骤一:改造搜索框

一般主题都会有一个searchform.php文件,该文件为搜索框的模板,也有的主题没有这个文件,而是使用了wordpress默认的搜索框,要改造搜索框的话,则需要建立searchform.php文件,以便自定义搜索框,阿树使用的searchform.php搜索框的内容和默认的搜索框是一样的,如下:

<form role="search" method="get" class="search-form" action="<?php echo home_url(); ?>"><label><span class="screen-reader-text">Search:</span><input type="search" class="search-field" placeholder="Search&hellip;" value="" name="s" title="Search:" /></label><input type="submit" class="search-submit" value="Search" /></form>

里面只有一个文本输入框,及一个提交按钮,我们需要在里面添加一个下拉选择框,先获取所有分类,然后循环将分类输出,如下:

<?php$args = array('hide_empty' => 0);$categories = get_categories( $args );//上面的代码获取所有分类?><form role="search" method="get" class="search-form" action="<?php echo home_url(); ?>"><label><span class="category-text">Category:</span><select name="cat"><option value="">All Category</option><?php foreach($categories as $category){ ?><option value="<?php echo $category->term_id; ?>"><?php echo $category->name; ?></option><?php } ?></select></lable><label><span class="screen-text">Search:</span><input type="search" class="search-field" placeholder="Search&hellip;" value="" name="s" title="Search:" /></label><input type="submit" class="search-submit" value="Search" /></form>

如此一来,搜索框中便多了一个分类的下拉框,注意下拉框的name是cat。

步骤二:处理搜索条件

接下来就是搜索页面按条件处理搜索了。

网上很多教程都是直接修改搜索页模板search.php来达到目的。那样很不方便,多了很多条件判断不说,还需要另外查询文章,有的甚至直接用数据库操作语句从数据库中查找。

将下面代码添加到functions.php文件中即可:

<?phpfunction return_only_selected_category( $query ) {//is_search判断搜索页面 !is_admin排除后台 $query->is_main_query()只影响主循环if ( is_search() && !is_admin() && $query->is_main_query() ){//有cat值传入if(isset($_GET['cat']){$term_id = (int)$_GET['cat']; //处理分类参数if( $term_id ){//分类查询的参数$tax_query = array(array('taxonomy'=>'category', //可换为自定义分类法'field'=>'term_id','operator'=>'IN','terms'=>array($term_id)));$query->set( 'tax_query', $tax_query );}}}return $query;}add_filter('pre_get_posts', 'return_only_selected_category');?>

通过pre_get_posts钩子去更改查询条件即可。

上一篇下一篇
标签

有问
必答