我有一个在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中有一个锚定标记,除非该页面是当前页面,并将适当的id添加到a标记中。
如果有一个包含子项的父项,请首先在a标记上显示带有“sf with ul”类的父链接,然后使另一个包含其li子项的ul组也具有相同的类。
有谁能告诉我如何实现这一目标的正确方向吗?非常感谢。