2012-12-02 124 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