Question

我有一个我在HTML + CSS中构建的菜单结构，我想将其合并到一个WordPress菜单中，但我是新手来扩展Walker类，并且想知道是否有人可以向我展示它如何工作的示例。我想输出的代码如下：

<!-- Menu Start -->
<nav class="collapse navbar-collapse menu">
<ul class="nav navbar-nav sf-menu">
    <li><a id="current" href="front-page.php">Current Page</a></li>
    <li><a href="#" class="sf-with-ul">Top Level Menu <span class="sf-sub-indicator"><i class="fa fa-angle-down"></i></span></a>
        <ul>
            <li><a href="child-page.php" class="sf-with-ul">Child Link</a></li>
        </ul>
    </li>
    <li><a href="page.php">Another Link No Children</a></li>
</ul>
</nav>
<!-- Menu End -->

nav和ul标签包裹整个菜单，不需要重复。

没有任何子页面的单个页面的li只需要一个裸片内的锚标记，除非页面是最新的，并将相应的id添加到标记。

如果有一个包含子项的父项，请首先使用＆＃34; sf-with-ul＆＃34;显示父链接。 a标签上的类，然后创建另一个ul组，其li子组也具有相同的类。

有人能指出我在这方面的正确方向吗？谢谢。

Answer 1

不幸的是，我现在没有足够的时间来写一个例子，但我可以向你发送关于如何在WordPress中创建步行者的相当详细的文章。

How to add custom HTML to wp_nav_menu?

使用它作为指南，应该可以添加要添加它们的类并构建菜单。如果不是，我可以试着稍后举起一个例子。

我应该如何为此设置构建自定义菜单步行器？

1 个答案: