PyroCMS主題自定義導航結構

Question

我到處搜索過，但似乎在文檔或其他任何地方都找不到。 我創建了自己的自定義主題，從PyroCMS附帶的Starter主題中復制了東西。 在我的導航部分中，有以下樹枝指令：

{{ structure()
            .linkAttributesDropdown({'data-toggle': 'dropdown'})
            .listClass('nav navbar-nav navbar-right')
            .childListClass('dropdown-menu')
            .render()|raw }}

使用Bootstrap框架時，此方法有效。 我正在使用Purecss.io，我想分配不同的類並將類分配給更多元素。 我的導航應如下所示：

<ul class="pure-menu-list">
    <li class="pure-menu-item pure-menu-selected">
        <a href="http://local.dev" class="pure-menu-link" >Home</a>
    </li>
    <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
        <a href="http://local.dev/products" class="pure-menu-link">Item with children</a>
    <ul class="pure-menu-children">
        <li class="pure-menu-item">
            <a href="http://local.dev/products/child1" class="pure-menu-link">Child 1</a>
        </li>
        <li class="pure-menu-item">
            <a href="http://local.dev/products/chil2" class="pure-menu-link">Child 2</a>
        </li>
    </ul>
    </li>
 </ul>

我已經嘗試過在部分中進行以下操作：

{{ structure()
            .linkAttributesDropdown({'class': 'pure-menu-item pure-menu-has-children pure-menu-allow-hover'})
            .listClass('pure-menu-list')
            .elementClass('pure-menu-item')
            .childListClass('pure-menu-children')
            .render() }}

但這並不能解決問題。

我將如何完成？ 在哪里可以找到有關所用函數structure（），listClass（）等的文檔？

提前致謝！

Answer 1

不幸的是，系統的這一部分仍在開發中，但我可以向您展示該宏以及如何與之交互：

https://github.com/anomalylabs/pages-module/blob/master/resources/views/macro.twig

您所看到的鏈接是如何設置選項的，因此structure().fooBar(value) foo_bar選項設置為options 集合中的 value 。

對於elementClass您可能正在尋找linkClass 。 另外，也不要忘記使用|raw逃脫！

看起來這將為您提供所需的標記：

{{ structure()
        .currentClass('pure-menu-selected')
        .dropdownClass('pure-menu-has-children pure-menu-allow-hover')
        .linkAttributesDropdown({'class': 'pure-menu-item pure-menu-has-children pure-menu-allow-hover'})
        .listClass('pure-menu-list')
        .itemClass('pure-menu-item')
        .linkClass('pure-menu-link')
        .childListClass('pure-menu-children')
        .render()|raw }}

Answer 2

這里是一些信息：

最基本的默認設置如下所示，它將創建一個包含所有現有頁面的無序列表。 如果將頁面設置/切換為不啟用，則不會顯示該頁面。

{{ structure()|raw }}

更改列表元素的類
{{ structure().list_class('navigation')|raw }}

將列表標簽更改為無序列表以外的其他內容： {{ structure().list_tag('dl')|raw }}

變更清單元素

{{ structure().link_tag('dt')|raw }}

僅顯示特定頁面的子代

{{ structure().root('/my-page')|raw }}或頁面ID {{ structure().root('9')|raw }}

為帶有孩子的元素設置類

{{ structure().dropdown_class('has-children')|raw }}

為每個li項目設置一個類：

{{ structure().item_class('has-children')|raw }}

設置一個類的鏈接

{{ structure().link_class('my-class')|raw }}

將標題屬性添加到鏈接

{{ structure().link_attributes({'title':'Title attribute'})|raw }}