Как сделать единую страницу сайта с помощью gravstrap?

Я использую тему gravstrap для Grav CMS.

Я хочу сделать одностраничный веб-сайт, как в этом примере:
http://gravstrap.diblas.net/gravstrap-theme-simple-page-example

Я просмотрел краткий пост в блоге объяснение, как это сделать, а также пример исходного кода на репозиторий проекта git.

Мне трудно понять, что именно делать, потому что то, что говорится в блоге, сильно отличается от того, что я вижу в примере (особенно как связать страницы с элементами меню с помощью id) .


content-management-system grav
person ymoreau    schedule 29.04.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Наконец-то я заработал:

Создайте страницу с шаблоном page_navbar_interne, создайте подстраницы как modular, каждая подстраница будет разделом.

По умолчанию разделы будут упорядочены по именам папок. Вы можете жестко запрограммировать порядок, добавив это в Frontmatter (экспертный режим):

title: Single page website
published: true
slug: single-page-slug
content:
    items: '@self.modular'
    order:
        by: default
        dir: asc
        custom:
            - _header
            - _mySection2
            - _myOtherSection

Чтобы отобразить меню для перехода к разделам, вы должны использовать navbar2 вместо navbar1 в модуле заголовка.

[g-navbar id="navbar2" name=navbar2 fixed=top centering=none brand_text="…" render=false]
    [g-navbar-menu name=menu0 alignment="center" onepage=true attributes="class:highdensity-menu"][/g-navbar-menu]
    [g-navbar-menu name=menu1 icon_type="fontawesome" alignment="right" ]
        [g-link url="…" icon_type="fontawesome" icon="…"][/g-link]
        …
    [/g-navbar-menu]
[/g-navbar]
person ymoreau    schedule 10.05.2018