Question

我是Wordpress主题开发的新手，我无法找到如何正确设置导航菜单的样式。

这是我的原始HTML代码：

＆＃13;

    <!-- Navigation -->
<nav class="navbar navbar-default navbar-custom navbar-fixed-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <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="<?php bloginfo('url'); ?>"><?php bloginfo('name');?></a>
        </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-right">
                <li>
                    <a href="index.html">Home</a>
                </li>
                <li>
                    <a href="about.html">About</a>
                </li>
                <li>
                    <a href="post.html">Sample Post</a>
                </li>
                <li>
                    <a href="contact.html">Contact</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>

＆＃13;

为了从上面的代码中获取所有类和结构，我该怎么做？我试过 wp_nav_menu（数组（＆＃39; container_class＆＃39; =＆gt;＆＃39; navbar navbar-default navbar-custom navbar-fixed-top＆＃39;））; ，但它不这样做。

Answer 1

您要做的是创建自定义助行器类：

https://codex.wordpress.org/Class_Reference/Walker

或使用wp_get_nav_menu_items循环导航元素：

https://codex.wordpress.org/Function_Reference/wp_get_nav_menu_items

我不知道你有多少PHP编程经验，但这两种方法都会涉及到。我认为，您最简单的选择是使用wp_get_nav_menu_items并从那里开始。

尝试一下，如果遇到问题请告诉我。如果您这样做，请显示您尝试过的代码，并且我很乐意帮助您重温这个问题！

Wordpress主题 - 如何设置菜单风格？

1 个答案: