如何在wordpress的页面上调用主菜单两次答案

【问题标题】：How to call main-menu twice on page in wordpress如何在wordpress的页面上调用主菜单两次
【发布时间】：2016-07-08 18:50:04
【问题描述】：

我有一个使用 wordpress 4.5.3 在免费 QUILL 主题上构建的网站。

我决定通过创建一个仅在 100vh 滚动后出现的 div 并在此 div 中显示主菜单来创建一个粘性菜单。

我复制了主菜单代码：

    <nav id="site-navigation" class="main-navigation" role="navigation">
    <button class="menu-toggle"><i class="fa fa-bars"></i></button>
    <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
    </nav><!-- #site-navigation -->

一切似乎都运行良好，直到我在移动设备上查看并注意到单击“汉堡”时只有一个菜单有效。

所以我的问题是，在一个页面上显示两次主菜单而在移动设备上没有任何问题的最佳方式是什么？

【问题讨论】：

标签： wordpress menu

【解决方案1】：

您需要为标签制作不同的 ID，然后两者都可以正常工作，可能需要为旧 ID 复制 css 或者您可以使用“HTML 类”

 <nav id="site-navigation1" class="main-navigation" role="navigation">
    <button class="menu-toggle"><i class="fa fa-bars"></i></button>
    <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
    </nav>

 <nav id="site-navigation2" class="main-navigation" role="navigation">
    <button class="menu-toggle"><i class="fa fa-bars"></i></button>
    <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
    </nav>

【讨论】：

【解决方案2】：

改变

<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>

到

<?php wp_nav_menu( array( 'menu' => 'Main Menu' ) ); ?>

“主菜单”也可以是其他名称，只需在您的管理面板中查看即可

【讨论】：