Wordpress 如何为此设置构建自定义菜单漫游器？

我有一个在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只需要在裸li中添加一个锚定标记，除非该页面是当前页面，并向a标记添加适当的id

如果存在具有子项的父项，则首先在a标记上显示具有“sf with ul”类的父链接，然后使另一个具有其li子项的ul组也具有相同的类

---

有谁能给我指出正确的方向，告诉我如何做到这一点？谢谢。

不幸的是，我现在没有太多时间来写一个例子，但我可以给你发一篇文章，详细介绍如何在WordPress中创建Walker

以此为指导，应该可以在想要添加类的地方添加类，并构建菜单。如果没有，我可以试着稍后再举一个例子