沃梦达 / 编程问答 / 前端问题 / 正文

GRAV 子导航

沃梦达教程前端问题

2022-01-01

GRAV subnavigation(GRAV 子导航)

本文介绍了GRAV 子导航的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

I try to make my first site with GRAV CMS. Now in my pages-folder it looks like this:

home/default.md
about
about/seite1/default.md
about/seite2/default.md

Now, if i put the following code into my html-file, only the main points are showed in the navigation.

<nav class="" role="navigation">        
    <div class="">
        <ol class="">
            {% for page in pages.children %}
            {% if page.visible %}
            {% set current_page = (page.active or page.activeChild) ? 'active' : '' %}
            <li class="{{ current_page }}"><a href="{{ page.url }}">{{ page.menu }}</a</li>
            {% endif %}
            {% endfor %}                
        </ol>
    </div>
</nav>

Is there a way to show all the pages, including subpages in the navigation?

thanks for your answer...

解决方案

This should give you the fist level of children (subpages) in your navigation:

<nav class="" role="navigation">        
    <div class="">
        <ol class="">
            {% for page in pages.children %}
                {% if page.visible %}
                    {% set current_page = (page.active or page.activeChild) ? 'active' : '' %}
                    <li class="{{ current_page }}"><a href="{{ page.url }}">{{ page.menu }}</a></li>
                    {% if page.children %}
                        <ol class="">
                        {% for child in page.children %}
                            {% if child.visible %}
                                <li class="{{ current_page }}"><a href="{{ child.url }}">{{ child.menu }}</a></li>
                            {% endif %}
                        {% endfor %}
                        </ol>
                    {% endif %}
                {% endif %}
            {% endfor %}                
        </ol>
    </div>
</nav>

这篇关于GRAV 子导航的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

沃梦达教程

本文标题为：GRAV 子导航