【问题标题】:Remove “sub-menu” class in second Level UL删除二级 UL 中的“子菜单”类
【发布时间】:2016-07-26 15:55:04
【问题描述】:

我正在尝试将 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>

【问题讨论】:

标签: javascript php css wordpress


【解决方案1】:

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

wp_nav_menu (数组 $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:

【讨论】:

    猜你喜欢
    • 2020-03-23
    • 1970-01-01
    • 2014-12-16
    • 1970-01-01
    • 1970-01-01
    • 2012-04-11
    • 2011-11-20
    • 2018-03-24
    • 1970-01-01
    相关资源
    最近更新 更多