如何创建Wordpress超级菜单Walker


How to create a Wordpress Mega Menu Walker?

我是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知识,你可以根据你的需求循环使用它。以下是渲染数组的函数,