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

Question

我正在尝试使用 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 代码中，但没有用

Answer 1

你的钩子(Hook)看起来不错。但条件可能不对。如果您想在注册时检查主题位置，请尝试以下操作:

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>

Demo here: https://jsfiddle.net/zdcmmfe9/1/