Wordpress(菜单栏上的搜索图标)

时间:2017-08-23 00:47:45

标签: wordpress wordpress-theming

任何人都知道如何仅在菜单栏上添加搜索图标?它看起来就像来自这个网站http://www.preciousmitre.com/

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

1 个答案:

答案 0 :(得分:0)

自定义主题

<小时/> 如果您只想在菜单上使用它,可以通过创建一个名为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 …', 'placeholder' ) ?>" 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() {{3}在header.php或菜单所在的任何文件上调用它。 }

编辑: 为了在单击搜索按钮时显示表单,您必须在菜单上创建一个用于打开表单文本输入的按钮。

适用于已下载的主题

<小时/> 您可以使用名为&#34; link to function reference&#34;的插件。这样做可以让你将搜索表单添加到菜单中,它也为你提供了一些视觉选项。