下拉菜單中的WordPress

的一個前添加跨度我使用的HTML代碼中創建一個下拉菜單：下拉菜單中的WordPress

[code] 

<ul> 
    <li><a href="#">Home</a></li> 
    <li><a href="#">About</a> 
    <ul> 
    <span class="drop-down-menu-pointer"></span> 
    <ul> 
     <li><a href="#" >a</a></li> 
     <li><a href="#">b</a></li> 
     <li><a href="#">c</a></li> 
    </ul> 
    </ul> 
    </li> 
</ul> 
[/code]

我想將它轉化成一個WordPress的導航菜單，但我有創設問題「 span標籤「使用WordPress的菜單。有些身體可以幫助我嗎？

來源

2011-08-08 user883749

WordPress的創建菜單的，看起來像這樣：

<ul id="main-menu" class="menu"> 
    <li id="menu-item-1234" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-33 current_page_item menu-item-1234"> 
     <a href="http://www.site.nl/">home</a> 
    </li> 
    <li id="menu-item-1235" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1235"> 
     <a href="http://www.site.nl/cursussen/">cursussen</a> 
     <ul class="sub-menu"> 
     <li id="menu-item-1244" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1244"> 
       <a href="http://www.site.nl/cursussen/">cursus overzicht</a> 
      </li> 
     <li id="menu-item-1237" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1237"> 
       <a href="http://www.site.nl/maatwerk/">maatwerk</a> 
      </li> 
     </ul> 
    </li> 
    <li id="menu-item-1238" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1238"> 
     <a href="http://www.site.nl/nieuws/">tips en tricks</a> 
    </li> 
</ul>

有大量的類和結構，你可以依靠這裏做你希望你的跨度做什麼。例如，用這樣的一些CSS：

ul li ul { 
    /*drop-down-menu-pointer styling here, for example, if 
     your main menu has a height of 20 px, this might work*/ 

    top: -20px; 
    padding-top: 20px; 
    background-image: url('arrowurl.jpg'); 
    background-position: top right; 
    background-repeat: no-repeat; 

    /* And you might have to do something with the position attribute */ 
}

這將需要一些調整我猜，但它應該讓你在那裏。另外，請查看http://codex.wordpress.org/Function_Reference/wp_nav_menu的所有選項，也許有些東西可以幫助你。

來源

2011-08-08 16:46:24

是的，我知道造型，我已經查閱了食譜。但是Codex只幫助爲li class或ul class的每個屬性創建span，而我只希望創建一個且只有一個span以顯示箭頭，表示當前下拉菜單的屬性 – user883749

我認爲您仍然可以使用孩子爲此。解釋我已經用一些額外的CSS擴展了我的答案。 –

此外，我相信不可能按照您希望使用常規函數的方式在菜單中添加額外元素，因此您是正確的。你可以通過在functions.php中寫一個自定義的菜單函數來實現這個功能，該函數使用標準函數返回的菜單，並使用一些正則表達式來添加span元素，但這是一種非常緩慢和醜陋的技術。 –

下拉菜單中的WordPress

回答

相關問題