Как сделать единую страницу сайта с gravstrap? - PullRequest
Новая
       30

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

0 голосов
/ 29 апреля 2018

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

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

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

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

1 Ответ

0 голосов
/ 10 мая 2018

Я наконец заработал:

Создайте страницу с шаблоном 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]
...