如何在wp_NAV_MENU结构中插入自定义代码？

时间：2011-05-04 作者：Luke

我可以使用<?php wp_nav_menu( array( \'theme_location\' => \'primary-menu\', \'container\' => false ) ); ?> 在我的主题中创建菜单。弄乱了“items\\u wrap”，但无法使其正确显示。

我需要在li之前将图像和容器div添加到子菜单ul中。这是我想要的结构：

    <ul id="nav">
    <li><a href="#">Page</a>
        <ul>
            <img src="<?php bloginfo(\'template_directory\'); ?>/images/nav_ul_tab.png" class="nav_ul_tab" />
            <div class="nav_spacer">
                <li><a href="#">Sub Page</a></li>
                <li><a href="#">Sub Page</a></li>
                <li><a href="#">Sub Page</a></li>
            </div>
         </ul>
    </li>
   </ul>

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

您需要的是无效的标记。独生子女ul 可以是li. 改用CSS：

#nav ul
{
    padding-top:    40px; /* Your image size. */
    background:     url(/path/to/your/image/img.png) top center no-repeat transparent;
}

SO网友:Manimaran

我们可以通过Jquery插入图像。这是代码。在执行此代码之前，请确保JQuery JavaScript应加载到页面中。

<script type="text/javascript">
   jQuery(document).ready(function(){
        jQuery("#nav li ul .nav_spacer").before(\'<img src="<?php bloginfo(\'template_directory\'); ?>/images/nav_ul_tab.png" class="nav_ul_tab" />\')
   });
</script>

结束
标签： menus   css   navigation   小码农  

相关推荐

将父主题生成的样式表添加到子主题style-.css之后

我有一个子主题->父主题设置，在这里我需要有一个名为generated的样式表。除了样式之外，还加载了css。由活动子主题添加的css文件。生成的。css文件位于父主题中，并由父主题动态生成和提供。。我以显而易见的方式开始，只是在子主题样式的开头添加了一个导入规则。css：/* Get Parent BASE CSS */ @import url(\'../parent-theme/style.css\'); /* Get Parent GENERATED CSS