Wordpress建站教程:给导航栏添加默认搜索框

2025-02-28 05:06:24

继续分享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这个搜索增加插件来对默认搜索框的功能进行限制。


相关推荐