Question

我在wp_nav_menu中设置两个ul有问题。我在html中设置了如下代码。我想在wp_nav_menu中设置。我的代码是。

<div class="collapse navbar-collapse menu-header-menu-container" id="bs-example-navbar-collapse-1"> 
          <ul class="nav navbar-nav">
            <li><a href="index.html" title="Home">Home</a></li>
            <li><a href="about-us.html" title="About Us">About Us</a></li>
            <li><a href="athletes.html" title="Athletes">Athletes</a></li>
            <li><a href="coach.html" title="Coach">Coach</a></li>
            <li><a href="colleges.html" title="Colleges">Colleges</a></li>
            <li><a href="contact-us.html" title="Contact Us">Contact Us</a></li>
          </ul>
          <ul class="user-action hidden-xs">
            <li><a href="Javascript:void(0);" title="Search">Seach</a></li>
            <li><a href="Javascript:void(0);" title="Key">Login</a></li>
            <li><a href="Javascript:void(0);" title="User">Register</a></li>
          </ul>
 </div>

所以任何人都可以帮助我如何在wp_nav_menu中设置两个ul。

Answer 1

您需要做的第一件事是在functions.php文件中注册2个菜单。

function register_menus() {
  register_nav_menus(
    array(
      'menu-1' => __('Primary Menu'),
      'menu-2' => __('Secondary Menu')
    )
  );
}
add_action('init', 'register_menus');

然后在外观＆gt;下的WordPress仪表板中菜单创建菜单。

务必将主题位置设置为'主菜单'和'辅助菜单'。

将以下代码放在要显示菜单的位置（很可能是header.php）。

<?php wp_nav_menu(array('menu' => 'menu-1', 'container' => '<ul>', 'menu_class' => 'nav navbar-nav')); ?>
<?php wp_nav_menu(array('menu' => 'menu-2', 'container' => '<ul>', 'menu_class' => 'user-action hidden-xs')); ?>

如何在wordpress中的wp_nav_menu中设置拖拽<ul>？

1 个答案: