下拉菜单中的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

回答

相关问题