个性化阅读
专注于IT技术分析

在wordpress中为ul添加类

我是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>

所以我想知道:

  1. 如何添加类到包装div?
  2. 如何将类nav nav-pills添加到ul而不是包装div?

#1


你已经在functions.php中注册了一个导航菜单, 但是在使用wp_nav_menu时没有使用它。

更改:

'theme_location'  => '', 

至:

'theme_location'  => 'primary', 

然后, 你需要转到外观->菜单并设置菜单(如果尚未设置)。

赞(0)
未经允许不得转载:srcmini » 在wordpress中为ul添加类

评论 抢沙发

评论前必须登录!