Wordpress主题->；自定义导航菜单

我对创建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>

---

我相信你可以告诉我这些页面应该是什么样子的。

你可以试试插件。它非常可配置。

您应该遵循Wordpress文档

在您的情况下，要在链接内添加跨距，只需执行以下操作：

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

但是，如果应用上述代码，则所有链接中都会有跨度，即使是子级别。您可以通过CSS轻松地修复子级别的跨度。否则，要获得更多控件，您可以查看Wordpress菜单步行器系统：