首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何创建Wordpress Mega Menu Walker?

如何创建Wordpress Mega Menu Walker?
EN

Stack Overflow用户
提问于 2014-10-24 03:28:24
回答 2查看 4.1K关注 0票数 0

我是Wordpress Walker类的新手,我正在尝试了解如何为Mega菜单创建一个walker,它将输出以下内容:

代码语言:javascript
复制
<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>

我真的很想知道walker在这种情况下会是什么样子:)谢谢你的帮助!

EN

回答 2

Stack Overflow用户

发布于 2015-08-19 07:36:33

如果你使用Bootstrap,这里有一个菜单漫游,它是一个令人惊叹的起点:

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

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

这可以帮助你。

票数 1
EN

Stack Overflow用户

发布于 2015-12-01 16:24:52

为了构建wordpress megamenu,你需要你的菜单数组的某个位置。我已经解决了渲染带有子菜单的菜单数组的工作,如果你有简单的PHP知识,你可以根据你的需要循环它。Here是渲染数组的函数,

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26535888

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档