在WordPress中转换HTML菜单

时间:2017-02-01 05:23:18

标签: html wordpress

我想在WordPress中输出这个HTML菜单。我很困惑如何给ul类和第一个ul下的标签。感谢。

<div class="side-menu">
<ul>

    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Holi Tourism <span class="fa fa-plus"></span></a>
      <ul class="dropdown-menu menu-more">
        <li><a href="#">Mount Kailash Yatra</a></li>
        <li><a href="#">Char Dham Yatra</a></li>
        <li><a href="#">Muktinath Yatra</a></li>
        <li><a href="#">Lumbini Yatra</a></li>
      </ul>
    </li>
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Destination <span class="fa fa-plus"></span></a>
      <ul class="dropdown-menu menu-more">
        <li><a href="#">Nepal</a></li>
        <li><a href="#">Thailand</a></li>
        <li><a href="#">Singapore</a></li>
        <li><a href="#">Europe</a></li>
        <li><a href="#">America</a></li>
        <li><a href="#">India</a></li>
      </ul>
    </li>
    <li class="clearfix"><a href="#">Visa Assistance<em class="fa fa-plus"></em></a></li>
</ul>

1 个答案:

答案 0 :(得分:4)

步骤: 1.从wordpress的管理员创建一个菜单 然后,在主题中的 header.php 文件中调用它,例如

<?php wp_nav_menu( array('menu'   => 'Left Navigation Menu', 'menu_class' => 'nav navbar-nav')); ?>

"Left Navigation Menu"是您的菜单名称。