wordpress实现按分类搜索功能

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文件中即可:

<?php
function 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');
?>

至此一个具有分类搜索功能的搜索框便完成!


搜索WordPress

分享到 :
相关推荐