【问题标题】: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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2014-02-26
        • 2015-04-04
        • 1970-01-01
        • 1970-01-01
        • 2023-03-30
        • 1970-01-01
        相关资源
        最近更新 更多