如何将div添加到顶层菜单项

时间:2012-02-27 作者:Tomas

<div class="menu">
    <ul>
        <li class="page_item page-item-15"><a href="link.html">XXX</a></li>
    </ul>
</div>
我想把“XXX”放在哪里

我之所以要这样做,是因为我正在对顶部菜单进行编码,并且我想在链接悬停时显示一幅图片。

它是这样的:

.菜单ul li:悬停myClass{显示:块;}

我试图实现的效果示例可以在这里的顶部菜单中看到http://www.templatemonster.com/demo/37119.html

我搜索了所有的模板文件,似乎这个链接是在wp content文件夹的php文件中生成的,我找不到它。

我已经解决了这个问题。

解决方案是,我不需要编辑wp includes中的任何内容。我只需要在模板文件中添加参数。

在beggining中,我在标题中有以下代码:

<?php wp_nav_menu( array( \'container_class\' => \'menu-header\', \'theme_location\' => \'primary\') ); ?>
所以我加了一句\'link_after\' => \'<div class="one"></div>\', 之后array( 而且效果很好。

谢谢你,班纳特:)

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

使用时wp_nav_menu 您可以向其传递参数,以帮助您设置输出样式,请参见:

  • $container 是否包装ul,以及用什么包装。允许的标签是div和nav。对于无容器使用false,例如容器=>false
  • $container_class 应用于容器的类
  • $container_id 应用于容器的ID
  • $menu_class CSS类,用于构成默认菜单的包含div元素,或在管理界面中配置自定义菜单时用于ul元素
  • $before 在链接的前面输出文本
  • $after 在链接的后面输出文本
  • $link_before 在链接文本之前输出文本
  • $link_after 在链接文本之后输出文本
  • $items_wrap 用ul包装物品的方法,以及如何包装物品

    array( \'link_before\' => \'<div class="your_class">\' , \'link_after\' => \'</div>\');
    
    但如果你问我,你可能可以对WordPress打印出来的类做你想做的事情。

结束

相关推荐

Menu API not switching menus?

我正在使用菜单API,我想切换到其他菜单,但出于某种原因,它保留了第一个菜单这是我的密码在函数中。php add_action( \'init\', \'register_my_menus\',10 ); function register_my_menus() { register_nav_menu(\'main-navigation\', \'Main Navigation\'); } 下面是我的主题文件(header.ph