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

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. ?>
  8. <form role="search" method="get" class="search-form" action="<?php echo home_url(); ?>">
  9.   <label>
  10.   <span class="category-text">Category:</span>
  11.   <select name="cat">
  12.     <option value="">All Category</option>
  13.     <?php foreach($categories as $category){ ?>
  14.       <option value="<?php echo $category->term_id; ?>"><?php echo $category->name; ?></option>
  15.     <?php } ?>
  16.   </select>
  17.   </lable>
  18.   <label>
  19.   <span class="screen-text">Search:</span>
  20.   <input type="search" class="search-field" placeholder="Search&hellip;" value="" name="s" title="Search:" />
  21.   </label>
  22.   <input type="submit" class="search-submit" value="Search" />
  23. </form>

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

步骤二:处理搜索条件

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

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

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

  1. function return_only_selected_category() {
  2.     if ( isset($_REQUEST['s']) && isset($_REQUEST['cat']) ){ //若为搜索页面,且有cat值传入
  3.         global $wp_query;
  4.         $desired_cat = $_REQUEST['cat']; //要搜索的分类
  5.         $excluded = get_categories("hide_empty=false&exclude={$desired_cat}"); //要排除的分类
  6.         $wp_query->query_vars['cat'] = "-{$excluded}"//除了要搜索的,其它都排除
  7.         //还可添加其它条件,比如要搜索的文章类型$wp_query->query_vars['post_type'] ="product";
  8.     }
  9. }
  10. add_filter('pre_get_posts', 'return_only_selected_category');

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

已有15条评论

  1. 邦林织梦
    邦林织梦 : 回复

    function return_only_selected_category() {
    if ( isset($_REQUEST[‘s’]) && isset($_REQUEST[‘cat’]) ){ //若为搜索页面,且有cat值传入
    global $wp_query;
    $desired_cat = $_REQUEST[‘cat’]; //要搜索的分类
    $excluded = get_categories(“hide_empty=false&exclude={$desired_cat}”); //要排除的分类
    $wp_query->query_vars[‘cat’] = “-{$excluded}”; //除了要搜索的,其它都排除
    //还可添加其它条件,比如要搜索的文章类型$wp_query->query_vars[‘post_type’] =”product”;
    }
    }
    add_filter(‘pre_get_posts’, ‘return_only_selected_category’);
    有什么问题吗

  2. 邦林织梦
    邦林织梦 : 回复

    树哥 在吗 搜索这个有问题怎么回事啊

  3. 邦林织梦
    邦林织梦 : 回复

    搜索结果链接/?cat=6&s=1,就是id是6的栏目搜索词是1怎么出来的结果是全站的不是栏目id6的

    • 阿树工作室
      阿树工作室 回复邦林织梦: 回复

      搜索出来是全站的内容,说明第二步搜索条件的处理有问题

      • 邦林织梦
        邦林织梦 回复阿树工作室: 回复

        我用的是你那段代码

        • 邦林织梦
          邦林织梦 回复邦林织梦: 回复

          function return_only_selected_category() {
          if ( isset($_REQUEST[‘s’]) && isset($_REQUEST[‘cat’]) ){ //若为搜索页面,且有cat值传入
          global $wp_query;
          $desired_cat = $_REQUEST[‘cat’]; //要搜索的分类
          $excluded = get_categories(“hide_empty=false&exclude={$desired_cat}”); //要排除的分类
          $wp_query->query_vars[‘cat’] = “-{$excluded}”; //除了要搜索的,其它都排除
          //还可添加其它条件,比如要搜索的文章类型$wp_query->query_vars[‘post_type’] =”product”;
          }
          }
          add_filter(‘pre_get_posts’, ‘return_only_selected_category’);
          有什么问题吗

        • 邦林织梦
          邦林织梦 回复邦林织梦: 回复

          function return_only_selected_category() {
          if ( isset($_REQUEST[‘s’]) && isset($_REQUEST[‘cat’]) ){ //若为搜索页面,且有cat值传入
          global $wp_query;
          $desired_cat = $_REQUEST[‘cat’]; //要搜索的分类
          $excluded = get_categories(“hide_empty=false&exclude={$desired_cat}”); //要排除的分类
          $wp_query->query_vars[‘cat’] = “-{$excluded}”; //除了要搜索的,其它都排除
          //还可添加其它条件,比如要搜索的文章类型$wp_query->query_vars[‘post_type’] =”product”;
          }
          }
          add_filter(‘pre_get_posts’, ‘return_only_selected_category’);
          有什么问题吗

          • 阿树工作室
            阿树工作室 回复邦林织梦: 回复

            function return_only_selected_category() {
            if ( isset($_REQUEST[‘s’]) && isset($_REQUEST[‘cat’]) ){
            global $wp_query;
            $term_id = (int)$_REQUEST[‘cat’];
            $wp_query->query_vars[‘cat’] = $term_id;
            }
            }
            add_filter(‘pre_get_posts’, ‘return_only_selected_category’);
            试试

  4. Tango
    Tango : 回复

    if( is_search() ) : $paged = (get_query_var(‘paged’)) ? get_query_var(‘paged’) : 1;
    query_posts(“s=$s&paged=$paged&cat=13&posts_per_page=2”);
    endif;

    Ludou大大。这是我search.php里面控制搜索输出的代码,我想问一下我要接收$_GET[‘s’]里面传过来的参数并判断是不是15位数字。如果是就输出内容,不是就不输出。如果为空也不输出内容,因为WP直接(xxx.com/?s=)他就会输出最新文章。在线等,跪求帮忙。

  5. Tango
    Tango : 回复

    树哥。这是我search.php里面控制搜索输出的代码,我想问一下我要接收$_GET[‘s’]里面传过来的参数并判断是不是15位数字。如果是就输出内容,不是就不输出。如果为空也不输出内容,因为WP直接(xxx.com/?s=)他就会输出最新文章。在线等,跪求帮忙。

  6. 购物生活好店品
    购物生活好店品 : 回复

    可以按照自定义文章类型来搜索吗?怎样实现呢

  7. lucifer
    lucifer : 回复

    麻烦树哥, 如果想体现分类层级关系, 改如何写啊????   本人使用了你第一段带下拉框的代码  谢谢树哥, 搜索了好多才找到你的博文 ,给的代码能用。 靠谱!

    • 阿树工作室
      阿树工作室 回复lucifer: 回复

      获取分类的时候,先只获取顶级分类,在循环输出顶级分类的时候再获取下一级分类,并在下一级分类内容前面加两个空格

  8. 深圳网站制作
    深圳网站制作 : 回复

    顶树哥

  9. 奥尔良
    奥尔良 : 回复

    关注屯!

发表评论