{% extends _layout %} {% block title %}{{ (isset($page)) ? $page['name'] : 'Add page' }}{% endblock %} {% block main_menu %} {% endblock %} {% block main %}
{{ csrfField() }} {{ formMethod(isset($page) ? 'patch' : 'post') }} {% $_form = ['name' => 'page', 'method' => 'post', 'csrf' => true, 'url' => redirectPath('/page/' . ($page['id'] ?? 'new'))] %}

Page settings

Page name is only used for internal purposes, helping you to identify pages.

Title is to be shown in browser tab as a page name

Description and keywords are meta tags that used by search engines to realize, what the page about

{% $_input = ['name' => 'name', 'title' => 'Page name', 'value' => ($page['name'] ?? ''), 'validation' => true, 'required' => true] %} {% include form_fields/input %}
{% $_input = ['name' => 'title', 'title' => 'Title (META tag)', 'value' => ($page['title'] ?? ''), 'validation' => true, 'required' => true] %} {% include form_fields/input %}
{% $_input = ['name' => 'description', 'title' => 'Description (META tag)', 'value' => ($page['description'] ?? ''), 'validation' => true] %} {% include form_fields/input %}
{% $_input = ['name' => 'keywords', 'title' => 'Keywords (META tag)', 'value' => ($page['keywords'] ?? ''), 'validation' => true] %} {% include form_fields/input %}

Header

Put here some text for your header

{% $_input = ['name' => 'heading_text', 'title' => 'Logotype text', 'value' => ($page['heading_text'] ?? ''), 'validation' => true] %} {% include form_fields/input %}
{% $_input = ['name' => "heading_links[0][name]", 'title' => 'Link name', 'value' => ($page['heading_links'][0]['name'] ?? ''), 'validation' => true] %} {% include form_fields/input %}
{% $_input = ['name' => "heading_links[0][href]", 'title' => 'Link address', 'value' => ($page['heading_links'][0]['href'] ?? ''), 'validation' => true] %} {% include form_fields/input %}
{% $_input = ['name' => "heading_links[1][name]", 'title' => 'Link name', 'value' => ($page['heading_links'][1]['name'] ?? ''), 'validation' => true] %} {% include form_fields/input %}
{% $_input = ['name' => "heading_links[1][href]", 'title' => 'Link address', 'value' => ($page['heading_links'][1]['href'] ?? ''), 'validation' => true] %} {% include form_fields/input %}

Main section

Empty fields won't be shown on page

{% $_input = ['name' => 'main_text', 'title' => 'Main text', 'value' => ($page['main_text'] ?? ''), 'validation' => true] %} {% include form_fields/input %}
{% $_input = ['name' => 'description_line_1', 'title' => 'Description line', 'value' => ($page['description_line_1'] ?? ''), 'validation' => true] %} {% include form_fields/input %}
{% $_input = ['name' => 'description_line_2', 'title' => 'Description line', 'value' => ($page['description_line_2'] ?? ''), 'validation' => true] %} {% include form_fields/input %}
{% $_input = ['name' => 'description_line_3', 'title' => 'Description line', 'value' => ($page['description_line_3'] ?? ''), 'validation' => true] %} {% include form_fields/input %}
{% $_input = ['name' => "main_links[0][name]", 'title' => 'Link name', 'value' => ($page['main_links'][0]['name'] ?? ''), 'validation' => true] %} {% include form_fields/input %}
{% $_input = ['name' => "main_links[0][href]", 'title' => 'Link address', 'value' => ($page['main_links'][0]['href'] ?? ''), 'validation' => true] %} {% include form_fields/input %}
{% $_input = ['name' => "main_links[1][name]", 'title' => 'Link name', 'value' => ($page['main_links'][1]['name'] ?? ''), 'validation' => true] %} {% include form_fields/input %}
{% $_input = ['name' => "main_links[1][href]", 'title' => 'Link address', 'value' => ($page['main_links'][1]['href'] ?? ''), 'validation' => true] %} {% include form_fields/input %}
{% $_input = ['name' => "main_links[2][name]", 'title' => 'Link name', 'value' => ($page['main_links'][2]['name'] ?? ''), 'validation' => true] %} {% include form_fields/input %}
{% $_input = ['name' => "main_links[2][href]", 'title' => 'Link address', 'value' => ($page['main_links'][2]['href'] ?? ''), 'validation' => true] %} {% include form_fields/input %}

Footer

Put here some text for your footer

{% $_input = ['name' => 'copyright_text', 'title' => 'Copyright text', 'value' => ($page['copyright_text'] ?? ''), 'validation' => true] %} {% include form_fields/input %}

Fonts and colors

There are some fonts in field suggestions, but you can input any font name available at Google Fonts

{% $_input = ['name' => 'font_logo', 'title' => 'Logotype font', 'value' => ($page['font_logo'] ?? 'Roboto'), 'values' => $fonts_list] %} {% include form_fields/datalist %}
{% $_input = ['name' => 'font_headings', 'title' => 'Headings font', 'value' => ($page['font_headings'] ?? 'Roboto'), 'values' => $fonts_list] %} {% include form_fields/datalist %}
{% $_input = ['name' => 'font_text', 'title' => 'Text font', 'value' => ($page['font_text'] ?? 'Roboto'), 'values' => $fonts_list] %} {% include form_fields/datalist %}
{% $_input = ['name' => 'color_text', 'title' => 'Text color', 'value' => ($page['color_text'] ?? '#000000')] %} {% include form_fields/color %}
{% $_input = ['name' => 'color_link', 'title' => 'Links color', 'value' => ($page['color_link'] ?? '#03397c')] %} {% include form_fields/color %}
{% $_input = ['name' => 'color_link_hover', 'title' => 'Links hover', 'value' => ($page['color_link_hover'] ?? '#0d71ac')] %} {% include form_fields/color %}
{% $_input = ['name' => 'color_background', 'title' => 'Background', 'value' => ($page['color_background'] ?? '#ffffff')] %} {% include form_fields/color %}

Favicon

Choose an apropriate icon that will be shown in a browser tab

Recommended minimum resolution is 150 x 150px.

Manage favicons here.

{% if (!empty($favicons_list)): %} {% foreach ($favicons_list as $image): %}
{% endforeach %} {% endif %}

Background

Select a background image (or not). You might also want to make image lighter or darker using overlay controls, to make text more contrast.

Recommended minimum resolution is FullHD 1920 x 1080px.

Manage backgrounds here.

{% if (!empty($backgrounds_list)): %} {% foreach ($backgrounds_list as $image): %}
{% endforeach %} {% endif %}
{% $_input = ['name' => 'color_bg_overlay', 'title' => 'BG overlay color', 'value' => ($page['color_bg_overlay'] ?? '#000000')] %} {% include form_fields/color %}
{% if (isset($page)) : %}

Changes to the page are only applied after saving, so use export only after saving the page.

Export to the frontend Export as an archive View in sandbox (unavailable now)

You can delete this page, but once deleted, it can't be restored. Be careful!

{{ csrfField() }} {{ formMethod('delete') }}
{% endif %} {% endblock %}