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>'
)); ?>

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

WordPress主题 - ＆gt;自定义导航菜单

2 个答案: