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>

它是免费的Template Now 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中有类似的东西。未经测试，您可能不得不四处讨论如何分配课程。如果您需要第一个和最后一个课程，或者您在这里的课程，那么这些课程也是可用的并且有详细记录。 https://docs.modx.pro/en/components/pdotools/snippets/pdomenu

如何配置Wayfinder（ModX Revo）来输出此输出

1 个答案: