我正在尝试将 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>
最佳答案
用于将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:
关于javascript - 删除二级 UL 中的 “sub-menu” 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36447862/