在 wordpress 中添加 class 到 ul

Question

我是 wordpress 主题的新手。我正在尝试显示导航菜单

<div class="nav-collapse" id="collapse">
    <ul class="nav nav-pills">
        <li ><a href="index.php">Home</a></li>

        <li ><a href="facilities.php">Facilities</a></li>
        <li ><a href="tariff.php">Rooms &amp; Tariff</a></li>
        <li ><a href="bookings.php">Booking</a></li>
        <li ><a href="contact.php">Contact</a></li>
    </ul>
</div><!-- /.nav-collapse -->

为此，我已经在 functions.php

中注册了菜单

function heritage_register_theme_menu() {
    register_nav_menu( 'primary', 'Main Navigation Menu' );
}
add_action( 'init', 'heritage_register_theme_menu' );

并在header.php中添加了菜单：

$defaults = array(
    'theme_location'  => '',
    'menu'            => '',
    'container'       => 'div',
    'container_class' => 'nav-collapse',
    'container_id'    => '',
    'menu_class'      => 'nav nav-pills',
    'menu_id'         => '',
    'echo'            => true,
    //'fallback_cb'     => false,
    'before'          => '',
    'after'           => '',
    'link_before'     => '',
    'link_after'      => '',
    'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
    'depth'           => 0,
    'walker'          => ''
);

wp_nav_menu( $defaults );

但是在我检查时的源代码中，它将 HTML 显示为：

<div class="nav nav-pills">
    <ul>
        <li class="page_item page-item-9"><a href="http://localhost/projects/wordpress/?page_id=9">PHP Developer</a></li>
        <li class="page_item page-item-2"><a href="http://localhost/projects/wordpress/?page_id=2">Sample Page</a></li>
    </ul>
</div>

所以我想知道:

如何将 class 添加到包装 div 中？
如何将 class nav nav-pills 添加到 ul 而不是包装 div ？

Answer 1

您已在 functions.php 中注册了导航菜单，但在使用 wp_nav_menu 时未使用它。

变化：

'theme_location'  => '',

收件人：

'theme_location'  => 'primary',

然后您需要转到外观 -> 菜单并设置您的菜单（如果您还没有这样做的话）。

在 wordpress 中添加 class 到 ul

adding class to ul in wordpress

wordpress

menu

wordpress-theming