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

您现在的位置:阿树工作室->wordpress主题教程->补充教程  2017.8.31  浏览数:22,323

本教程更新时间：2017.08.31。

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

示例：按分类搜索。

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

效果如图：searchcate

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

  1. <form role="search" method="get" class="search-form" action="<?php echo home_url(); ?>">
  2.   <label>
  3.   <span class="screen-reader-text">Search：</span>
  4.   <input type="search" class="search-field" placeholder="Search&hellip;" value="" name="s" title="Search：" />
  5.   </label>
  6.   <input type="submit" class="search-submit" value="Search" />
  7. </form>

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

  1. <?php
  2. $args = array(
  3.     'hide_empty'               => 0
  4. );
  5. $categories = get_categories( $args );
  6. //上面的代码获取所有分类
  7. ?>
  9. <form role="search" method="get" class="search-form" action="<?php echo home_url(); ?>">
  11.   <label>
  12.   <span class="category-text">Category：</span>
  13.   <select name="cat">
  14.     <option value="">All Category</option>
  15.     <?php foreach($categories as $category){ ?>
  16.       <option value="<?php echo $category->term_id; ?>"><?php echo $category->name; ?></option>
  17.     <?php } ?>
  18.   </select>
  19.   </lable>
  21.   <label>
  22.   <span class="screen-text">Search：</span>
  23.   <input type="search" class="search-field" placeholder="Search&hellip;" value="" name="s" title="Search：" />
  24.   </label>
  25.   <input type="submit" class="search-submit" value="Search" />
  26. </form>

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

步骤二：处理搜索条件

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

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

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

  1. <?php
  2. function return_only_selected_category( $query ) {
  4.   //is_search判断搜索页面  !is_admin排除后台  $query->is_main_query()只影响主循环
  5.   if ( is_search() && !is_admin() && $query->is_main_query() ){
  7.     //有cat值传入
  8.     if(isset($_GET['cat']){
  10.       $term_id = (int)$_GET['cat']; //处理分类参数
  11.       if( $term_id ){
  12.         //分类查询的参数
  13.         $tax_query = array(
  14.           array(
  15.             'taxonomy'=>'category', //可换为自定义分类法
  16.             'field'=>'term_id',
  17.             'operator'=>'IN',
  18.             'terms'=>array($term_id)
  19.           )
  20.         );
  21.         $query->set( 'tax_query', $tax_query );
  22.       }
  23.     }
  25.   }
  27.   return $query;
  28. }
  29. add_filter('pre_get_posts', 'return_only_selected_category');
  31. ?>

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

！转载请注明来自：阿树工作室-wordpress主题定制,制作教程（wordpress主题定制-阿树工作室）

本篇教程之前的几篇教程是

本篇教程之后的几篇教程是

没有找到你要找的内容？你可以通过搜索你要找的内容，或者给我们留言。

已有17条评论

发表评论