自定义wp_nav_menu并在子菜单元素之前添加文本

时间:2011-07-07 13:35:30

标签: wordpress

我想用wp_nav_menu创建一个非常具体的菜单,它只加载主菜单元素和主菜单元素的子菜单元素(如果已选中)。

例:

  

菜单1
  + Submenu1
  + Submenu2
  菜单2
  菜单3

我不想使用CSS隐藏其他子菜单。

我还想在每个子菜单元素之前添加一个“+”。

如何使用wp_nav_menu函数执行此操作?

非常感谢你的帮助。

2 个答案:

答案 0 :(得分:1)

您可以使用我的插件here过滤wp_nav_menu的结果。

为特定的子子项添加+符号使用JQuery。这样的东西......(将此代码直接放在你的最终身体标签上方。)

<script type="text/javascript">

            $(document).ready(function (){
                $('#UNIQUE_PARENT_ELEMENT .current-menu-item > a ').prepend('+ &nbsp;');
            });

</script>

确保您已加载JQuery,并且如果您的wp_nav_menu位于

,则将#UNIQUE_PARENT_ELEMENT替换为... #sidebar
<div id="sidebar"> 
   //NAV MENU IS IN HERE 
</div>

答案 1 :(得分:0)

以下是一种使用walker_nav_menu自定义菜单的方法:http://goldenapplesdesign.com/2010/10/05/dropdown-menus-walker_nav_menu/并使用&amp;适应这个:

// If this is a sub-menu element
if( $depth == 1) {
$item_output .= $another_link_before .apply_filters( ‘the_title’, $item->title, $item->ID );
}else{
$item_output .= $args->link_before .apply_filters( ‘the_title’, $item->title, $item->ID );
}