wordpress建站教程：給導航欄添加默認搜索框

繼續分享wordpress建站教程。之前悅然wordpress建站在幫客戶做外貿建站時遇到一個需求，他們想在導航欄上顯示傳統的搜索框，而不是那種彈出式的搜索框，而我使用的那個wordpress主題默認都使用的是彈出式搜索框，現在絕大多數主題應該都是用的這種，一般來說這沒什么問題，彈出式的搜索框效果還更好一些。但是用戶需求高于一切，能實現肯定要盡量去實現的。

步驟一：添加代碼到function.php

不多廢話，下面直接分享一段代碼：

add_filter('wp_nav_menu_items','add_search_box', 9, 2);
function add_search_box($items, $args) {
ob_start();
get_search_form();
$searchform = ob_get_contents();
ob_end_clean();
$items .= '<li>' . $searchform . '</li>';
return$items;
}

以上代碼可以不做改動，直接添加到當前wordpress建站主題的function.php文件中即可

如上圖所示，這樣就會得到一個默認的搜索框，使用的是wordpress自帶的搜索功能。搜索框的樣式可以通過CSS來修改，一般默認就行了。

步驟二：增強默認搜索框功能

因為是做的B2B產品展示型的wordpress外貿建站，用戶主要需要的是對產品的搜索功能，而wordpress默認的是全局搜索，這個有點不太好。接下來我們可以使用ivory search這個搜索增加插件來對默認搜索框的功能進行限制。

ivory search插件可以免費下載，后臺搜索安裝即可，啟用后如上圖所示，按實際需要限制搜索類型，然后保存即可生效。

如果了解更多ivory search這個插件，您可以閱讀下面這篇文章：

wordpress建站教程：使用Ivory Search插件制作簡易查詢系統