Basic example template

Below is a basic HTML template example. 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>