在 wordpress 的导航菜单中添加搜索栏

Question

http://www.lundarienpress.com/（这是一个wordpress网站）

这是我的网站，我正在尝试在导航菜单中添加一个搜索栏并将其放在右侧。有任何想法吗 ？

我还没有找到办法。我希望论坛中的某个人可以帮助我。

Answer 1

@rockmandew 是对的 - 如果不将 get_search_form() 设置为 false，此代码将无法运行。但是即使在进行了更改之后，该功能也无法正常工作。

我最初通过将它添加到我的函数文件中来在导航菜单中添加了一个搜索表单：

/**
 * Add search box to nav menu
 */
function wpgood_nav_search( $items, $args ) {
    $items .= '<li>' . get_search_form( false ) . '</li>';
    return $items;
}
add_filter( 'wp_nav_menu_items','wpgood_nav_search', 10, 2 );

如果您有一个菜单或希望将搜索框添加到所有菜单，这是一个很好的解决方案。就我而言，我只想在主菜单中添加一个搜索框。为了实现这一点，我采用了以下方法：

/**
 * Add search box to primary menu
 */
function wpgood_nav_search($items, $args) {
    // If this isn't the primary menu, do nothing
    if( !($args->theme_location == 'primary') ) 
    return $items;
    // Otherwise, add search form
    return $items . '<li>' . get_search_form(false) . '</li>';
}
add_filter('wp_nav_menu_items', 'wpgood_nav_search', 10, 2);

值得注意的是，我的主导航在我的函数文件中被命名为“primary”。这可能因主题而异，因此需要相应地更改，即“main”或初始解决方案中的“header_menu”。

Answer 2

Function.php 代码：

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

这里get_search_form()是获取搜索框的功能。

Answer 3

两个答案都让我走上了正确的道路，但似乎 args 的值取决于 Wordpress 版本（我运行 5.5）或主题（我正在使用 https://underscores.me/ ）或其他任何东西（不是超级 WP 专家在这里，刚刚开始深入研究此类 WP 主题）。

如果上述方法对您不起作用，有什么帮助是转储 args 并相应地修改代码。

args 对我的价值：

stdClass::__set_state(array( 'menu' => WP_Term::__set_state(array( 'term_id' => 7, 'name' => 'Menu 1', 'slug' => 'menu-1', 'term_group' => 0, 'term_taxonomy_id' => 7, 'taxonomy' => 'nav_menu', 'description' => '', 'parent' => 0, 'count' => 5, 'filter' => 'raw', )), 'container' => 'div', 'container_class' => '', 'container_id' => '', 'container_aria_label' => '', 'menu_class' => 'menu', 'menu_id' => 'primary-menu', 'echo' => true, 'fallback_cb' => 'wp_page_menu', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'items_wrap' => '
%3$s
', 'item_spacing' => 'preserve', 'depth' => 0, 'walker' => '', 'theme_location' => 'menu-1', ))

所以我去检查taxonomy（也清理了一点代码）：

function add_last_nav_item($items, $args) {
    // just to show you how to dump it out - remove that line afterwards ofcs
    var_export($args);

    // If this is the menu you are looking for, add search form
    if (isset($args->menu->taxonomy) && $args->menu->taxonomy === 'nav_menu') {
        $items .= '<li>' . get_search_form(false) . '</li>';
    }
    return $items;
}
add_filter( 'wp_nav_menu_items', 'add_last_nav_item', 10, 2);