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插件制作简易查询系统

如果觉得我分享的内容对您有所帮助

😘请帮忙分享、点赞、在看 谢谢啦😘