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 鉤子去更改查詢條件即可。