Question

我完全是Wordpress和PHP的初学者。我正在尝试使用自己的CSS将HTML中的页面代码移至Wordpress和PHP。我的菜单有问题。我想我做错了什么，我找不到错误。

我在HTML主题中有一个菜单：

<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">

<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span>Menu</span>
    </button>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav navbar-left">
        <li>
            <a class="page-scroll nav-width" href="#page_1">Page_01</a>
        </li>
        <li>
            <a class="page-scroll nav-width" href="#page_2">Page_02</a>
        </li>
        <li>
            <a class="page-scroll nav-width" href="#page_3">Page_03</a>
        </li>
        <li>
            <a class="page-scroll nav-width" href="#page_4">Page_04</a>
        </li>
        <li>
            <a class="page-scroll nav-width" href="#page_5">Page_05</a>
        </li>
        <li>
            <a class="page-scroll nav-width" href="#page_6">Page_06</a>
        </li>
    </ul>
</div>
<!-- /.navbar-collapse -->

我在 functions.php 中注册了菜单：

<?php register_nav_menu( 'main', 'main_menu' ); ?>

，然后尝试使用以下代码将其放入 header.php 菜单：

<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">

<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
    <span>Menu</span>
    </button>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<!--menu-->
<?php wp_nav_menu( array( 
        'menu' => '',
        'container' => 'ul',
        'container_class' => 'nav navbar-nav navbar-right',
        'container_id' => '',
        'menu_class' => 'nav navbar-nav navbar-left page-scroll nav-width',
        'menu_id' => '',
        'echo' => true,
        'fallback_cb' => 'wp_page_menu',
        'before' => '',
        'after' => '',
        'link_before' => '',
        'link_after' => '',
        'items_wrap' => '<ul id="" class="nav navbar-nav navbar-right" role="menu" ></ul>',
        'item_spacing' => '',
        'depth' => 0,
        'walker' => '',
        'theme_location' => 'main' 
    ) ); ?>

</div>
<!-- /.navbar-collapse -->
</nav>

当我在Wordpress中创建菜单不起作用时，菜单未显示在我的页面上。此代码有什么问题？

感谢您的帮助：）

Answer 1

我认为您使用引导程序对吗？

对于引导程序，有一个非常不错的navwalker ...
只需包含文件并遵循文档
https://github.com/wp-bootstrap/wp-bootstrap-navwalker

如何将HTML代码转换为wp_nav_menu Wordpress？

1 个答案: