WordPress的主题 - >自定义导航菜单

Question

我很新的创建WordPress的主题，我需要一些导航菜单的帮助。导航栏的格式需要如下所示：

<ul id="nav"> 
    <li class="top"><a href="#home" class="top_link"><span>Home</span></a></li> 
    <li class="top"><a href="#page1" class="top_link"><span>My Page</span></a> 
     <ul class="sub"> 
      <li><a href="#page1_1" >My Page _ 1</a></li> 
      <li><a href="#page1_2" >My Page _ 2</a></li> 
      <li><a href="#page1_3" >My Page _ 3</a></li> 
      <li><a href="#page1_4" >My Page _ 4</a> 
       <ul> 
        <li><a href="#page1_4_1">My Page _ 4 _ 1</a></li> 
        <li><a href="#page1_4_2">My Page _ 4 _ 2</a></li> 
        <li><a href="#page1_4_3">My Page _ 4 _ 3</a></li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
    <li class="top"><a href="#page2" class="top_link"><span>2nd Page</span></a> 
     <ul class="sub"> 
      <li><a href="#page2_1">2nd Page _ 1</a></li> 
      <li><a href="#page2_2">2nd Page _ 2</a></li> 
      <li><a href="#page2_3">2nd Page _ 3</a></li> 
     </ul> 
    </li> 
    <li class="top"><a href="#apage" class="top_link"><span>Another Page</span></a></li> 
    <li class="top"><a href="#xpage" class="top_link"><span>xPage</span></a></li> 
</ul> 

而且我相信你可以告诉页面应该如何去做。

Answer 1

你可以试试NAVT插件来做到这一点。它非常可配置。

Answer 2

您应该按照Wordpress文档http://codex.wordpress.org/Function_Reference/wp_nav_menu#Example。

在你的情况下，增加一个SPAN链接里面，只要做到以下几点：

<?php wp_nav_menu(array(
    ...... 
    ...... 
    'link_before'=>'<span>', 
    'link_after'=>'</span>' 
)); ?> 

但是，如果您将上面的代码，你将里面的所有链接的SPAN，甚至子水平。您可以通过CSS轻松修复子级别的SPAN。否则，要获得更多的控件，您可以看到Wordpress Menu-Walker系统：http://codex.wordpress.org/Function_Reference/wp_nav_menu#Example。