2012-12-02 130 views
0

我对wordpress很新颖,并且无法为网站创建主导航。添加类到动态wordpress菜单内的下拉菜单

我正在使用wp-nav-menu输出我的动态菜单。

的代码,我想输出下面...

<ul class="mainNav"> 
    <li><a href="">Home</a></li> 
    <li class="dropdown"> 
     <a href="">Treatments<span>&#59232;</span></a> 
     <ul> 
      <li><a href="">Body Treatments</a></li> 
      <li><a href="">Make Up</a></li> 
      <li><a href="">Skincare</a></li> 
     </ul> 
    </li> 
    <li><a href="">Latest News</a></li> 
    <li><a href="">Aftercare</a></li> 
    <li><a href="">Contact</a></li> 
</ul> 

我用得到上面的菜单是这样的代码...

<?php wp_nav_menu( 
    array( 
     'menu'  => 'Primary Navigation', 
     'items_wrap' => '<ul class="mainNav">%3$s</ul>' 
    ) 
); ?> 

这让我的主菜单,但我不知道如何获得<li>与下拉班的类。我还想在其中一个链接中放置一个<span>,如您在我的HTML代码中所看到的。

任何帮助将不胜感激!

回答

2

我想通了,写在这里,以防万一任何人有同样的问题。

在wordpress管理员中,有一个叫做屏幕选项的链接。打开它并打勾CSS类,然后可以将单个类添加到菜单项。

enabling css classes to nav_menu

+0

很多不错的解决方案,以及:http://wordpress.stackexchange.com/search?tab=votes&q=%2bnav_menu%20%2bcss%20%2bclass – brasofilo

+0

它值得说明的是WordPress的添加此当您按照您将它们放置在wordpress菜单中的顺序缩进菜单项时,就可以进行类。只需将它拖放到右边一点,它会缩进一点,所以它会添加'.dropdown'类。如果我想添加除.dropdown之外的任何其他类,我会在上面使用你的答案,因为wordpress已经默认添加了这个类。 – sulfureous