自定义子菜单样式的WordPress的导航

我必须设置一个相当奇怪的导航系统为WordPress的动力网站。以下是示例代码;自定义子菜单样式的WordPress的导航

<nav> 
    <ul> 
     <li><a href="">Parent Menu</a> 
     <div class="dropdown"> 
      <div class="inner-menu-item"> 
       <dl> 
        <dt>Title tag for the sub-menus below</dt> 
        <dd><a href="">One</a></dd> 
        <dd><a href="">Two</a></dd> 
        <dd><a href="">Three</a></dd> 

        <dt>Title tag for another sub-menu</dt> 
        <dd><a href="">One</a></dd> 
        <dd><a href="">Two</a></dd> 
        <dd><a href="">Three</a></dd> 
       </dl> 
      </div> 
     </div> 
     </li> 

     <!-- similar structure as above --> 
     <li><a href="">Parent Menu</a> 
     <div class="dropdown"> 
      <div class="inner-menu-item"> 
       <dl> 
        <dt>Title tag for the sub-menus below</dt> 
        <dd><a href="">One</a></dd> 
        <dd><a href="">Two</a></dd> 
        <dd><a href="">Three</a></dd> 

        <dt>Title tag for another sub-menu</dt> 
        <dd><a href="">One</a></dd> 
        <dd><a href="">Two</a></dd> 
        <dd><a href="">Three</a></dd> 
       </dl> 
      </div> 
     </div> 
     </li> 
    </ul> 
</nav>

什么应该是最好的方法来编写一个Wordpress Nav代码的上述设置？如果我可以选择排除一些菜单项，这将是非常棒的。

我很满意替代方法，我必须改变CSS，我对此很满意。例如包装在多个UL> LI中，而不是DIV和DL> DD。

来源

2011-08-20 Brajeshwar

很简单。使用WP菜单，然后将类分配到只有标题的菜单。将该位置设置为＃并使用CSS更改该类的光标类型。

此外，DIV类可以取出和CSS属性可以给UL和LI第一UL李

来源

2011-08-20 17:25:15

使用[wp_nav_menu] 1函数内部产生一个菜单。使用它可以节省你很多努力，并且应该是wordpress的良好实践。

您将有一个结构非常像这样：

<div id="menu-wrapper"> 
    <ul id="menu"> 
    <li id="menu-item-1"> 
     <a href="your-page-1">Title</a> 
     <ul class="sub-menu"> 
     <li><a href="some-other-page">Title 2</a></li> 
     <li><a href="some-other-page">Title 2</a></li> 
     </ul> 
    </li> 
</ul> 
</div>

您可以通过继承Walker_Nav_Menu并传递新的类的实例来wp_nav_menu定制这样的结构。

来源

2011-08-20 19:51:47 karevn

恕我直言，你列出的标记听起来不是语义的。相反，你可以使用ul/li。从搜索引擎的角度考虑这一点，使用Web开发人员工具栏删除CSS。您可以进一步参考w3c。我正在写作，因为您有权修改标记。

Wordpress在外观选项卡下有菜单选项，您可以使用它来设置herarchy。它会给你一个无序的列表。现在剩下的就是做CSS的工作。

这是一个很好的链接，可以帮助您获得正确的CSS。看看this寻求关于CSS的帮助。

来源

2011-08-21 20:44:27

自定义子菜单样式的WordPress的导航

回答

相关问题