Question

我是Wordpress Walker类的新手，我正在尝试找出如何为Mega菜单创建一个walker来输出这个：

＆＃13;

<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>

＆＃13;

在这种情况下，真的想知道沃克是怎么回事:) 谢谢你的帮助！

Answer 1

如果您使用Bootstrap，这是一个菜单步行者，这是一个惊人的起点：

https://github.com/twittem/wp-bootstrap-navwalker

https://gist.github.com/nekojira/5864215

这可以帮到你。

Answer 2

为了构建wordpress megamenu，你需要具有特定位置的菜单数组。我已经计算出用它子菜单渲染菜单数组，如果你有简单的PHP知识，你可以根据你的要求循环它。{ {3}}是渲染数组的函数，

如何创建Wordpress Mega Menu Walker？

2 个答案: