Mega menu WordPress walker
Mega menu WordPress walker
提问于 2016-08-22 19:53:33
这是我的菜单结构，我如何构建一个超级菜单漫游器，我如何做到这一点？
<nav>
<ul class="main-nav navbar-right">
<li class="active dropdown"><a href="#">Home</a>
<div class="sub-menu">
<ul class="home">
<li><a href="index.html">Home</a></li>
<li><a class="last" href="index-2.html">Home2</a></li>
</ul>
</div>
</li>
<li class="dropdown"><a href="#">Pages</a>
<div class="mega-menu pages">
<span class="mega-menu-list">
<a href="">Blog1</a>
<a href="">Blog2</a>
<a href="">Blog3</a>
</span>
<span class="mega-menu-list">
<a href="">Single Blog 1</a>
<a href="">Single Blog 2</a>
<a href="">Single Blog 3</a>
<a href="">Single Blog 4</a>
</span>
<span class="mega-menu-list">
<a href="">404 Page</a>
<a href="">Contact Us</a>
</span>
</div>
</li>
<li class="dropdown"><a href="#">Sport</a></li>
<li><a href="#">Travel</a></li>
<li><a href="#">Lifestyle</a></li>
<li><a href="#">Tech</a></li>
<li><a href=">Contact Us</a></li>
</ul>
</nav>回答 1
Stack Overflow用户
发布于 2016-08-22 20:38:23
您可以将您的菜单结构HTML放入此代码中。
/* Drop Down Menu */
class ik_walker extends Walker_Nav_Menu{
function start_lvl(&$output, $depth) {
if($depth == 0){
$output .= 'HTML Start Here for Parent Menu
';
}
if($depth == 1){
$output .= '<ul class="sub-child"> Start Here for child Menu';
}
}
function end_lvl(&$output, $depth) {
if($depth == 0){
$output .= 'End For Parent Menu
';
}
if($depth == 1){
$output .= '</ul> End for child';
}
}
}在如下所示的菜单中使用此功能。
if ( has_nav_menu( 'primary' ) ) :
wp_nav_menu( array(
'theme_location' => 'primary',
'menu_class' => 'horizontal_links navigations',
'container' => '',
'depth' => 3,
'walker' => new ik_walker()
) );
endif;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39078875
复制相关文章
相似问题
腾讯云开发者
