[Skip to content]

Search our Site
Easysite Resource Centre
How Styles & Templates work together

How Styles & Templates work together

Understand how the Style and the Template work together and how this will relate to the creative process and later the integration process.

For a designer it’s important to understand how the Style and the Template work together and how this will relate to the creative process and later the integration process.

Styles can be developed, deployed and maintained independently of content so it’s possible, for example, to complete an online rebrand of your site without having to edit a single page.

Let’s look at a page breakdown of Style and Template:

Styles and Templates
Football Foundation – Style and Template Zones

It’s usually straightforward to identify the different parts of the page, taking the Football Foundation home page (above and http://www.footballfoundation.org.uk) as an example, it has a masthead and footer that sandwich the content.

In the markup you’ll notice comments:

<!-- // Start Content // -->

And

<!-- // End Content // -->

These are the delineators and should never be removed as they are also used by the Easysite Branding Web Services.

In another section of the same site (“Our schemes”) another Style introduces a site navigation control on the left hand side.

So, although the navigation is dynamically generated from pages the user has created, it cannot be directly edited in the manner that the content area of the ‘our schemes’ page can. The Link Text is entered under Edit > General form for the page, the order of links is controlled through the Options > Reorder interface. 
                                                                                                                                                             

When you login to your site (and presuming you have some editing privileges and permissions) you can clearly see which areas are controlled by the CMS and which are not.  If you look at the screenshots below you will see where the Easysite toolbar appears inline above the editable content.

Styles and templates - logged in
Styles and Templates - edit mode 2