Blank.html

we have to create new pages in src/pages/

It has the following Structure:


{% extends "macros/layout.html" %}

{% set title = 'Blank'%}
{% set page = 'blank' %}
{% set bc_icon = 'ti-file' %}
{% set breadcrumb = [{ name : 'Blank'}] %}
{% block content %}


<div class="right-aside view-port-height">
<!-- Content Header (Page header) -->

    {% include "macros/breadcrumb.html" %}

    <!-- Main content -->
    <div class="content">
    <!--Page main Content-->
    </div>
</div>

{% endblock %}

Clear explanation for above structure,

  1. {% extends "macros/layout.html" %}: With this we can get which type of layout frommacros/layout.htmlthrough command like gulp nunjucks --layoutname --bc

  2. `: by usingtitlevariable we can set title of the page and we can call variableblank`in required layout.

  3. `: by usingpagevariable we can set active page and we can call variableblank` in left menu.

  4. `: by usingbc_iconvariable we can set breadcrumb icon of the page and we can call variableti-file` in Breadcrumb icon.

  5. ` : by usingbreadcrumb` variable we can set breadcrumb links of the page.

  6. It contains right side content of the page

  7. {% extends "macros/breadcrumb.html" %}: With this we can get which type of breadcrumb from macros/breadcrumb.html through command like gulp nunjucks --layoutname --bcnumber(0 to 5).

results matching ""

    No results matching ""