如何使用wp_NAV_MENU创建自定义下拉菜单?

时间:2017-02-07 作者:Ashkar

在我的模板中,我有一个自定义菜单。下面是它的HTML代码。菜单内有一个下拉菜单和一个链接标签。

<ul class="nav navbar-nav">
    <li class="active"><a href="index.html">Home</a></li>
    <li><a href="category.html">Category Page</a></li>
    <li><a href="article.html">Article Page</a></li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Category Type A <span class="caret"></span></a>
        <ul class="dropdown-menu forAnimate" role="menu">
            <li><a href="#">Category One</a></li>
            <li><a href="#">Category Two</a></li>
            <li><a href="#">Category Three</a></li>
        </ul>
    </li>
</ul>

1 个回复
SO网友:Max Yudin

使用wp_nav_menu() 使用适当的参数添加dropdown-menu forAnimate 类,以移除包装器并添加role 属性:

<ul class="nav navbar-nav">
    <li class="active"><a href="index.html">Home</a></li>
    <li><a href="category.html">Category Page</a></li>
    <li><a href="article.html">Article Page</a></li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Category Type A <span class="caret"></span></a>
        <?php wp_nav_menu(array(
            \'menu\'       => \'my_menu_name\', // specify the menu name
            \'menu_class\' => \'dropdown-menu forAnimate\', // add classes for the dropdown
            \'container\'  => \'\', // don\'t wrap the menu in <div>
            \'items_wrap\' => \'<ul id="%1$s" class="%2$s" role="menu" >%3$s</ul>\',
        ));?>
    </li>
</ul>
\'<ul id="%1$s" class="%2$s" role="menu" >%3$s</ul>\' 零件旨在保持idclass 按原样添加role 属性

不过,没有经过测试。

看见wp_nav_menu() 了解更多信息。

相关推荐

如何将Java脚本添加到Custom-Page.php模板?

如何将javascript添加到自定义页面。php模板?如何使从w3schools ajax教程获得的以下javascript在自定义页面上工作。php模板?任何帮助都将不胜感激。工作javascript包含在以下HTML中:<!DOCTYPE html> <html> <style> table,th,td { border : 1px solid black; border-collapse: collapse;&#x