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>
<!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>