导航菜单中显示搜索图标,单击/切换显示搜索字段时 - Wordpress

时间:2016-09-26 17:05:19

标签: javascript css wordpress menu navigation

我尝试使用WordPress上的wpresidence主题在wordpress上向我的导航栏添加搜索图标,

点击后,我希望搜索栏显示,如果它使用当前的高级搜索功能,我不会介意。

非常感谢你的帮助

function add_last_nav_item($items, $args) {
  if ($args->menu == 'header_menu') {
        $homelink = get_search_form();
        $items = $items;
        $items .= '<li>'.$homelink.'</li>';
        return $items;
  }
  return $items;
}
add_filter( 'wp_nav_menu_items', 'add_last_nav_item', 10, 2 );

---我已经尝试过使用bobsearch插件但它没有工作,并将其输入到我的functions.php代码中,但它没有工作

1 个答案:

答案 0 :(得分:1)

你的钩子看起来很好。但情况可能是错误的。如果您想在注册时检查主题位置,请尝试以下操作:

if($args->theme_location == "header_menu")

$ args对象是一个包含wp_nav_menu()参数的对象。

  

https://developer.wordpress.org/reference/functions/wp_nav_menu/

这是searchform.php

<form role="search" method="get" class="search-form" action="<?php echo home_url(); ?>">
    <label>
        <input class="search-field" placeholder="Search" value="" name="s" type="search">
    </label>
    <input class="search-submit" value="Search" type="submit">
</form>
  

在这里演示:https://jsfiddle.net/zdcmmfe9/1/

相关问题