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

【问题标题】：Wordpress Theme -> Custom Nav MenuWordpress 主题 -> 自定义导航菜单
【发布时间】：2010-07-19 15:38:32
【问题描述】：

我是创建 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 wordpress-theming

【解决方案1】：

您可以尝试使用NAVT 插件来执行此操作。它非常可配置。

【讨论】：

【解决方案2】：

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

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

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

但是，如果您应用上述代码，您将在所有 LINK 中拥有 SPAN，即使对于子级别也是如此。您可以通过 CSS 轻松修复子级别的 SPAN。否则，要拥有更多控件，您可以查看 Wordpress Menu-Walker 系统：http://codex.wordpress.org/Function_Reference/wp_nav_menu#Example。

【讨论】：