Basic example template

This section has not yet been updated for version 2.0. We're working on it!

Below a basic example HTML template. You can see the CMSMS tags between the structure of the regular HTML components.

{process_pagedata}{* 'process_pagedata' is a required CMSMS tag. It adds page specific metadata *}{* These are Smarty comments *}
<!DOCTYPE html>
<html lang="en"><!-- Change "en" to your language. Check languages here: https://www.w3schools.com/tags/ref_language_codes.asp -->
<head>
        <title>{title} | {sitename}</title> <!-- Title of the page is from 'Content/Content manager/Page_Name' | Site Name is from 'Site Admin/Settings - Global Settings' -->
        {metadata} <!-- Adds Global Metadata to the page. Check admin page 'Site Admin/Settings - Global Settings'  -->
        {cms_stylesheet} <!-- Adds attached stylesheets to the page. Check admin page 'Design Manager', and tab 'Stylesheets'  -->
</head>
<body>
        <header>
                <h1>{sitename}</h1> <!-- Site Name is from 'Site Admin/Settings - Global Settings' -->
                <nav>
                        {Navigator} <!-- Outputs all the menu links. Use 'Navigator::Navigation' template in Design Manager -->
                </nav>
        </header>
        <div id="breadcrumbs">
                {cms_breadcrumbs} <!-- Show breadcrumbs pagelinks. Use 'Navigator::Breadcrumbs' template in Design Manager -->
        </div>
        <!-- This is the page's main content -->
        <main>
                <article>
                        <h2>{title}</h2><!-- Title of the page is from 'Content/Content manager/Page_Name' Title field -->
                        {content} <!-- Page content is from 'Content/Content manager/Page_Name' Content field -->
                </article>
        </main>
        <!-- This is the footer that is used across all the pages of our website -->
        <footer>
                <p>©Copyright 2050 by CMSms. All rights reversed.
                </p>
        </footer>
</body>
</html>