继续分享wordpress建站教程之前悦然wordpress建站在帮客户做外贸建站时遇到一个需求,他们想在导航栏上显示传统的搜索框,而不是那种弹出式的搜索框,而我使用的那个wordpress主题默认都使用的是弹出式搜索框,现在绝大多数主题应该都是用的这种,一般来说这没什么问题,弹出式的搜索框效果还更好一些。
但是用户需求高于一切,能实现肯定要尽量去实现的作者:悦然wordpress建站步骤一:添加代码到Function.Php不多废话,下面直接分享一段代码:add_filter(wp_nav_menu_items
,add_search_box, 9, 2); functionadd_search_box($items, $args){ ob_start(); get_search_form(); $searchform = ob_get_contents(); ob_end_clean(); $items .=
. $searchform . ; return$items; }以上代码可以不做改动,直接添加到当前wordpress建站主题的function.php文件中即可。
如上图所示,这样就会得到一个默认的搜索框,使用的是wordpress自带的搜索功能搜索框的样式可以通过CSS来修改,一般默认就行了(此处已添加小程序,请到今日头条客户端查看)步骤二:增强默认搜索框功能因为是做的B2B产品展示型的wordpress外贸建站,用户主要需要的是对产品的搜索功能,而wordpress默认的是全局搜索,这个有点不太好。
接下来我们可以使用ivory search这个搜索增加插件来对默认搜索框的功能进行限制
vory search插件可以免费下载,后台搜索安装即可,启用后如上图所示,按实际需要限制搜索类型,然后保存即可生效。
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。