我有一个在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 -->

没有任何子页面的单个页面的li只需要在裸li中有一个锚定标记，除非该页面是当前页面，并将适当的id添加到a标记中。

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

有谁能告诉我如何实现这一目标的正确方向吗？非常感谢。