Create a layout template

  • Updated

Layouts allow you to create a template for a frequently used page type.

To view Layouts in Content Admin, click Edit on in the upper-right corner of the page. The Layouts section will appear on the left side of the page on the Pages tab under the page tree.

  1. Click + next to the Layout section heading under the page tree.
  2. Enter a unique Display Name. This is how your layout will be listed in the Layout section.
  3. Use the Allowed for Page Type dropdown to choose the page type for which your layout will be available. 
  4. Click Save.

Your new layout will appear under in Layout section on the Pages tab.



Configure a Layout

You can configure layouts as you would a typical page in Spire CMS. Any widgets added to the layout cannot be edited on a page using the layout.

To make portions of a layout editable, use the Layout Zone widget:

  1. When editing a layout, click + where you would like to add a Layout Zone widget.
  2. Select Layout Zone under Basic Elements on the Add Widget modal.
  3. Click Save
  4. Click + on the newly created Layout Zone widget.
  5. Use the Add Widget modal to add the desired widget(s), which will remain editable on any page using the layout.
Any changes to a layout affect all pages using it. When deleting layout zones, a warning appears informing you of what pages currently use the layout zone. To continue deleting, click Delete.

Apply a layout on a new page

You can apply a layout when creating a new page.

  1. Create a new page.
  2. Select a page type with an associated layout on the Page Type dropdown.
  3. Select the desired Layout.
  4. Click Continue.
  5. Enter the Basic and Advanced page details as needed.
  6. Click Save.

Edit a layout page type

You can edit the allowed page type for an existing layout. 

  1. Click More Options next to the name of the layout you would like to edit.
  2. Click Edit Layout
  3. Use the Allowed for Page Type dropdown to change the allowed page.
  4. Click Save.

Delete a layout

You can delete a layout from your list.

  1. Click More Options next to the name of the Layout you would like to delete.
  2. Click Delete Layout.
  3. Click DELETE on the modal. 

You cannot delete a Layout that is in use on a page.