删除第二级UL中的“子菜单”类

时间:2016-04-06 10:04:58

标签: javascript php css wordpress

我正在尝试将HTML转换为Wordpress,我遇到菜单问题。

菜单是一个3级下拉菜单,我用wp_nav_menu输出它,这就是格式化方式

<ul id="nav" class="sf-menu">
  <li>Home</li>
  <li>Blog</li>
  <ul class="sub-menu">
    <li>Level 2</li>
    <ul class="sub-menu">
      <li>Level 3</li>
    </ul>
  </ul>
  <li>Portfolio</li>
  <li>Contacts</li>
</ul>

基本上我想从第二级和第三级的/ s中删除“子菜单”类。

这就是我想要的:

<ul id="nav" class="sf-menu">
  <li>Home</li>
  <li>Blog</li>
  <ul class="first-nav">
    <li>Level 2</li>
    <ul class="second-nav">
      <li>Level 3</li>
    </ul>
  </ul>
  <li>Portfolio</li>
  <li>Contacts</li>
</ul>

1 个答案:

答案 0 :(得分:0)

html转换为wordpress 菜单。这可能对您有所帮助。

  

wp_nav_menu(array $ args = array())

<强>用法

wp_nav_menu( $args );

给定theme_location参数,该函数显示分配给该位置的菜单。如果不存在此类位置或未分配任何菜单,则参数fallback_cb将确定显示的内容。

向菜单项添加条件类

function wpdocs_special_nav_class( $classes, $item ) {
    if ( is_single() && 'Blog' == $item->title ) {
    // Notice you can change the conditional from is_single() and $item- >title
    $classes[] = "special-class";
}
return $classes;
}
add_filter( 'nav_menu_css_class' , 'wpdocs_special_nav_class' , 10, 2 );

供参考:click me: