【问题标题】:show search icon in nav menu, when clicked/toggle show search field - Wordpress单击/切换显示搜索字段时,在导航菜单中显示搜索图标 - Wordpress
【发布时间】:2017-02-04 03:09:33
【问题描述】:

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

【问题讨论】:

    标签: javascript css wordpress menu navigation


    【解决方案1】:

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

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

    $args objects 是一个包含 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/

    【讨论】:

    • 您好,当我使用上述代码时会出现菜单栏,但我希望显示一个搜索图标,然后单击显示搜索字段
    • 对于这部分你需要玩一点javascript。该方法是在 searchform.php 文件中创建一个输入和一个按钮。将输入的显示设置为无,并添加一个处理程序来单击按钮的事件以更改输入的显示。我想稍后给你一个演示。
    猜你喜欢
    • 2020-12-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-13
    • 2016-10-06
    • 2015-10-27
    相关资源
    最近更新 更多