WordPress菜单栏上的搜索图标

有人知道如何仅在菜单栏上添加搜索图标吗？该网站http://www.preciousmitre.com/上的内容类似。

我想将该搜索图标从该网站添加到我的网站https://xyzshopping.000webhostapp.com/, 请帮助我, 谢谢！

#1

对于自定义主题

如果只打算在菜单上使用它, 可以通过创建一个名为searchform.php的文件并将其放在主题的主目录中来进行操作。 WordPress在生成默认的HTML5表单之前先查找该文件, 如下所示：

<form role =” search” method =” get” class =” search-form” action =” <？php echo home_url(‘/’);？>”> <label> <span class =” screen-reader-text “> <？php echo _x(‘Search for：’, ‘label’)？> </ span> <input type =” search” class =” search-field” placeholder =” <？php echo esc_attr_x(‘Search… ‘, ‘占位符’)？>” value =” <？php echo get_search_query()？>” name =” s” title =” <？php echo esc_attr_x(‘Search for：’, ‘label’)？>” / > </ label> <input type =” submit” class =” search-submit” value =” <？php echo esc_attr_x(‘Search’, ‘submit button’)？>” /> </ form>

建立表单后(请确保使用相同的属性), 然后可以使用WordPress函数get_search_form()链接到函数引用, 在header.php或菜单上的任何文件中调用该表单

编辑：当你单击搜索按钮时, 为了使表单显示, 你必须在菜单上创建一个按钮以打开表单文本输入。

对于下载的主题

你可以使用名为”将搜索添加到菜单”的插件。这样做是允许你将搜索表单添加到菜单中, 并且还为你提供一些可视选项。