WordPress 默認的搜索功能,僅有一個搜索框,功能單一,如何給搜索框增加搜索條件,提高搜索的準確性?

示例:按分類搜索。

讓訪客可以在搜索的時候,可以選擇分類作為條件,同時,本教程也可更改為其它的各種條件。

效果如圖:

步驟一:改造搜索框
一般主題都會有一個 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 鈎子去更改查詢條件即可。