Basic HTML5 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} {* Adds page specific metadata to the page *}
<!doctype html>
<html lang="en"> <!-- Change "en" to your language -->

<head>
   <title>{title} | {sitename}</title> <!-- Title of the page | Site name from Global Settings -->
   {metadata} <!-- Adds Global Metadata to the page -->
   {cms_stylesheet} <!-- Adds attached stylesheets to the page -->
</head>

<body>
<div id="pagewrapper">

   <header role="banner">
      <h1>{sitename}</h1> <!-- Site name from Global Settings -->
   </header>

   <nav role="navigation">
      {menu} <!-- Show all the menu buttons -->
   </nav>

   <section id="breadcrumbs">
      {cms_breadcrumbs} <!-- Show breadcrumbs pagelinks -->
   </section>

   <aside>
      {content block=second_content label='My second content block'} <!-- Create a second content block -->
      </aside>

   <article>
      {news} <!-- News article links -->
   </article>

   <section id="content">
      <h2>{title}</h2> <!-- Title of the page -->
      <article role="main">
         {content} <!-- Page content -->
      </article>
   </section>

   <footer>
      {global_content name='footer'} <!-- Extract all footer code to a global content block -->
   </footer>

</div>
</body>

</html>
Global Content Block called "footer"
<p>Copyright &copy; {custom_copyright} <a href="http://www.cmsmadesimple.org" target="_blank">CMS Made Simple&trade;</a></p>