Reference library

Article number: 300919
Last updated: 21 May 2014

Page Layouts

Every page in Sitekit CMS is defined by three template layers. The first of these is the outer “Page Layout” sometimes referred to simply as the “Layout”. Page Layouts can be applied site-wide (in “Site Settings”), inherited from a parent page, or applied independently on a page-by-page basis. The default “Page Layout” for a site (if one is not specified) can be set in the “Site Settings” area of Sitekit CMS.

Essentially, the Page Layout is the (X)HTML code directly inside the opening and closing <body> tags of the page. The layout does not actually contain the <BODY> tags – these are entered automatically by the CMS. A Page Layout is typically used to define the overall layout and appearance of a range of pages within a site. Elements like background colour, page width, menu positions and appearance are usually included in the main page layout for the site.

Content Layouts are designed to fit into Page Layouts. Different Content Layouts offer a variety of ways of displaying content within the overall framework of the Page Layout.

Actions related to Page Layouts include:

  • Create a New Page Layout
  • Edit a Page Layout
  • Rename a Page Layout
  • Delete a Page Layout

Links to all these actions are shown in the Related Links column, and the latest version of the System Variables (Magic Words) document can be found in the Syntax guide

Layouts can be set up to trigger in specific instances such as for outputing to print or outputting to mobile devices. These are set up as secondary browser options for existing layouts via radio buttons in the 'properties' tab. In the case of printers layouts these are triggered by placing a 'print page' magic word on the site that invokes the alternate print layout for the page in question. In the case of mobile layouts these are triggered by the presence of 'mobi' in the user agent string. The mobile layout use can be made optional via the use of the mobileswitch magic word which allows user to toggle between mobile and desktop layouts.

Related questions

This article was last updated on 21 May 2014. Did you find it helpful?