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…" 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…" value="" name="s" title="Search:" />
- </label>
- <input type="submit" class="search-submit" value="Search" />
- </form>
如此一来,搜索框中便多了一个分类的下拉框, 注意下拉框的 name 是 cat 。
步骤二:处理搜索条件
接下来就是搜索页面按条件处理搜索了。
网上很多教程都是直接修改搜索页模板 search.php 来达到目的。那样很不方便,多了很多条件判断不说,还需要另外查询文章,有的甚至直接用数据库操作语句从数据库中查找。
将下面代码添加到 functions.php 文件中即可:
- 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');
通过 pre_get_posts 钩子去更改查询条件即可。