十二条导航栏是如何工作的?

时间:2013-05-14 作者:Deleted User

我一直在浏览代码,试图找出导航菜单实际上是如何构建的。在我的标题中,我看到:

< nav id="site-navigation" class="main-navigation" role="navigation">
    < h3 class="menu-toggle">Menu< /h3>
    < a class="assistive-text" href="" title="Skip to content">Skip to content< /a>
    < div class="menu-main-menu-container">
        < ul id="menu-main-menu" class="nav-menu">
            < li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22">< a href="">< /a>
             < ul class="sub-menu">
               < li id="menu-item-314" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-314">< a href="">< /a>< /li>
               < li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-123">< a href="">< /a>< /li>
            < /ul>
          < /li>
         < li id="menu-item-316" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-316"><a href=""></a>
      < ul class="sub-menu">
我主要是想弄清楚子菜单是从哪里来的。我需要在子菜单中添加一个div来进行一些额外的样式设置。

1 个回复
最合适的回答,由SO网友:BenFreke 整理而成

有问题的代码在标题中。php,第45行。

<?php wp_nav_menu( array( \'theme_location\' => \'primary\', \'menu_class\' => \'nav-menu\' ) ); ?>
这是该功能的Codex参考:wp_nav_menu.

根据我的经验和一些谷歌搜索,this previous answer 有你想要的答案。

如果可能的话,只需在子菜单中添加一个类而不是添加一个div就可以了吗?如果是这样的话,您应该能够从上面链接的答案中复制并粘贴代码,然后使用CSS以元素为目标,以获得您想要的效果。

结束

相关推荐

Thesis -style Navigation

我正在研究一个主题,我希望用户能够像论文一样选择要在主题选项页面中显示的页面。我已经在谷歌上搜索了几个小时的逆向工程论文,但还没有找到一个很好的解决方案。我想知道是否有人做过这件事或看过教程。