Templates

The structure of your website.

What are Templates?

Templates are what your site is built from, and they're built using the grid editor. Every page on your website is based on a template. Templates control the layout, fields, and several other aspects of pages on your website.


Creating a Template

Before you try to create a template, you should familiarize yourself with the grid editor. To create a template, click on the "Content" menu and choose the "Templates" option. Click the "Add Template" button. You will be presented with the dialog below. Any settings you enter into this dialog can be changed later.

  • Name - This is what the template is referred to throughout the system.
  • Folder - The folder where this template should reside.
  • URL Prefix - If something is entered into this field, new pages created based on this template will automatically use the value of this field as the beginning of the URL. For example, if you enter "blog" into this field and create a new page called "My Blog Post" with this template, the new page will be assigned the URL "blog/my-blog-post" automatically.
  • Header and Footer Block - If anything is selected, the template header and footer blocks on the template will be automatically populated with the selected blocks.

Whenever you add a new template, the following layout is automatically generated for you:

[ Header Row (1 Block) ]
[ Content (9 columns, 2 Fields (H1 Header, Rich Text)) | Content (3 columns) ]
[ Footer Row (1 Block) ]

In addition, the entire layout is wrapped in a <div class="container">.


Template Properties

To access the template properties dialog, click the "Template Properties" button - - above the field list.

This properties dialog functions in much the same way as the properties dialog for pages, but with two extra options for "Folder" and "URL Prefix".

Head/Foot/Javascript/Stylesheet Code Structure

Since "Head" and "Foot" code exists in three places - globally in the settings, on templates, and on pages - and "Javascripts" and "Stylesheets" exist in two places - on templates and on pages - it is important to know the order in which the code in those fields is output. The code in these sections is output like so:

"Stylesheets" from Template
- "Stylesheets" from Page
-- "Head" from Settings
--- "Head" from Template
---- "Head" from Page
----- Page Content
---- "Foot" from Page
--- "Foot" from Template
-- "Foot" from Settings
- "Javascripts" from Page
"Javascripts" from Template


Editing a Template

To edit a template, click on the "Content" menu and choose the "Templates" option. Click on the name of the template or the edit icon - - to edit the template. Click the "Save Changes" button when you are done editing.


Using a Template

Please refer to the help page for pages.