wp_nav_menu无法正确呈现

时间:2017-03-25 21:17:16

标签: wordpress twitter-bootstrap wordpress-theming

我正在使用bootstrap为一个小周末项目构建一个wordpress主题,并且我遇到了wp_nav_menu的问题。

以下是我的header.php代码:

<header class="site-header" role="banner">
    <nav class="navbar navbar-default">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/">Brand</a>
        </div>

        <?php
            wp_nav_menu(array(
                'menu' => 'primary',
                'theme_location' => 'primary',
                'container' => 'div',
                'container_class' => 'collapse navbar-collapse',
                'container_id' => 'navbarDropdown',
                'fallback_cb' => 'wp_page_menu',
                'menu_class' => 'nav navbar-nav navbar-right',
                'menu_id' => 'main-menu',
            ));
        ?>

      </div>
    </nav>
</header>

根据文档menu_class应该使用数组中指定的类呈现ul。相反,它使用这些类呈现div,并且容器属性似乎不存在。这显然不适用于bootstrap,有关为什么会发生这种情况的任何想法?

以下是输出结果: enter image description here

1 个答案:

答案 0 :(得分:0)

您似乎需要验证菜单slu 'menu' => 'primary'。可能是您没有创建具有slu primary的菜单。其他只是通过相关的身份证明。它接受(按顺序匹配)id,slug,name,menu对象。