如何配置Wayfinder (ModX Revo)来获取此输出

Question

我不知道如何配置Wayfinder (或pdoMenue)才能获得以下输出：

<ul class="navbar-nav ml-auto">


            <li class="nav-item">
                <a class="nav-link" href="index.html">

                    <p>Home</p>
                </a>
            </li>

    <li class="nav-item">
                <a class="nav-link" href="articles.html">

                    <p>Articles</p>
                </a>
            </li>

    <li class="nav-item">
                <a class="nav-link" href="about.html">

                    <p>About</p>
                </a>
            </li>


        </ul>

有人能帮我吗？

编辑:我也有一个下拉列表：

<li class="nav-item dropdown">
<a href="index.html#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">
<i class="now-ui-icons files_paper" aria-hidden="true"></i>
<p>Sections</p>
</a>
<div class="dropdown-menu dropdown-menu-right" aria- labelledby="navbarDropdownMenuLink">
 <a class="dropdown-item" href="sections.html#headers">
  <i class="now-ui-icons shopping_box"></i>
  Headers
 </a>
 <a class="dropdown-item" href="sections.html#features">
  <i class="now-ui-icons ui-2_settings-90"></i>
  Features
 </a>

 </div>
 </li>

它是现在的免费模板UI-Kit，并且基于bootstrap 4。

Answer 1

[[pdoMenu?
    &parents=`0`
    &level=`1`
    &tplOuter=`@INLINE <ul[[+classes]]>[[+wrapper]]</ul>`
    &tpl=`@INLINE <li[[+classes]]><a class="nav-link" href="[[+link]]" [[+attributes]]><p>[[+menutitle]]</p></a>[[+wrapper]]</li>`
    &outerClass=`navbar-nav ml-auto`
    &rowClass=`nav-link`
]]

在pdoMenu中类似这样的东西。未经测试，您可能不得不玩弄如何分配类。如果您需要first和last类，或者you- are -here类，这些类也是可用的，并且有很好的文档记录。https://docs.modx.pro/en/components/pdotools/snippets/pdomenu