继续分享wordpress建站教程。之前悦然wordpress建站在帮客户做外贸建站时遇到一个需求,他们想在导航栏上显示传统的搜索框,而不是那种弹出式的搜索框,而我使用的那个wordpress主题默认都使用的是弹出式搜索框,现在绝大多数主题应该都是用的这种,一般来说这没什么问题,弹出式的搜索框效果还更好一些。但是用户需求高于一切,能实现肯定要尽量去实现的。
不多废话,下面直接分享一段代码:
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这个搜索增加插件来对默认搜索框的功能进行限制。