我是Wordpress Walker类的新手,我正在努力了解如何为Mega Menu创建一个Walker,它将输出以下内容:
<nav id="mega-menu" class="mega-menu">
<ul>
<li>
<a href="#">Menu item</a>
<div class="sub-menu-container"> <!-- 100% width -->
<div class="sub-menu-inner"> <!-- Columns container -->
<div> <!-- first column -->
<h4>This is first column</h4> <!-- Column title -->
<ul>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<!-- ... -->
</ul>
</div>
<div> <!-- second column -->
<h4>This is the second column</h4>
<ul>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
</ul>
</div>
<div>
<!-- ... -->
</div>
</div><!-- /sub-menu-inner -->
</div><!-- /sub-menu-container -->
</li>
<li><!-- ... --></li>
<li><!-- ... --></li>
<!-- ... -->
</ul>
</nav>
我真的很想知道在这种情况下助行器会是什么样子:)谢谢你的帮助!
如果你使用Bootstrap,这里有一个菜单助行器,它是一个惊人的起点:
https://github.com/twittem/wp-bootstrap-navwalker
https://gist.github.com/nekojira/5864215
这可以帮助你。
要构建wordpress megamenu,您需要具有特定位置的菜单数组。我已经计算出了用它子菜单渲染菜单数组的方法,如果你有简单的PHP知识,你可以根据你的需求循环使用它。以下是渲染数组的函数,