我一直在浏览代码,试图找出导航菜单实际上是如何构建的。在我的标题中,我看到:
< 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来进行一些额外的样式设置。
最合适的回答,由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以元素为目标,以获得您想要的效果。