wordpress - 我该如何使用和wp_nav_menus 中的类？

Question

标签： wordpressmenuwordpress-theming

Answer 1

    <ul class="list-unstyled nav1 cl-effect-10">
        <li class="Home"><a  data-hover="Home" class="active"><span>Home</span></a></li>
        <li class="About"><a data-hover="About"  href="about.html"><span>About</span></a></li>
        <li class="Rooms"><a data-hover="Rooms"  href="rooms.html"><span>Rooms</span></a></li>
        <li class="Gallery"><a data-hover="Gallery"  href="gallery.html"><span>Gallery</span></a></li>
        <li class="Dinning"><a data-hover="Dinning" href="dinning.html"><span>Dinning</span></a></li>
        <li class="News"><a data-hover="News" href="news.html"><span>News</span></a></li>
        <li><a data-hover="Contact Us" href="contact.html"><span>contact Us</span></a></li>
    </ul>
  </div>

请尝试以下代码：

   <?php
     $location=get_nav_menu_locations();
     $menuid =$location['header'];
     $primarymenu = wp_get_nav_menu_items($menuid);
   ?>
 <ul class="list-unstyled nav1 cl-effect-10 ">
      <?php
        foreach($primarymenu as $key=>$value)
        {
      ?>
        <li class="<?php echo $value->title; ?>"><a data-hover="<?php echo $value->title;?>"  href="<?php echo $value->url; ?>"><span><?php echo $value->title; ?></span></a></li>
      <?php   
        }
      ?>
 </ul>
</div>