Designing Page Layouts

Introduction

When creating a new page, or editing the properties of an existing page, you have the option to design a customized layout. The Page Layout feature allows you to decide exactly where each of your Content Elements are placed, by creating a template of rows and columns.

The following tutorial will explain how to design a Page Layout, and position your Content Elements.

Step 1 - Edit your Page Properties

You can design a Page Layout while you are in the process of creating a new page, or when editing the properties of an existing page. If you are creating a new page, locate the "Page Layout" section of the page creation form.

To edit the properties of an existing page, click the "Pages" link, located in the menu at the top of your Dashboard. Locate the page you wish to customize, then click the Properties button (gear icon) to the left of the page title. In the page properties editor, locate the "Page Layout" section.

Return to Top
Step 2 - Adding Rows and Columns

Here, click on the drop-down menu labeled "Add a row." This menu will contain several options, with the percentages denoting the column width(s) for that row. For example, the "75%/25%" option will create a row with two columns; one that takes up 75% of the row, and another that occupies the remaining 25%.

Clicking a menu option will add that row to your layout. Multiple rows can be added by clicking the drop-down menu again.

After selecting a row from the menu, a diagram of the row will be displayed to the left of the menu. Your page's content can be placed within any of the numbered sections.

Once you have finished adding rows, click the "Submit" button to save your layout.

Return to Top
Step 3 - Deleting Rows

To delete a row, mouse over the row you wish to delete. When the row is highlighted in red, click to delete it.

Return to Top
Step 4 - Placing your Content with the Layout

After clicking the "Submit" button you will be taken to the content editor. Content Elements can now be assigned to the layout sections. To begin assigning your Content Elements, click the layout icon, as shown in the example image.

Return to Top
Step 5 - Assign Content to Layout Sections

When clicked, the icon will expand to display a larger view of your layout. Click on the section you wish to assign your content to, then click the "Submit" button to save your chages.

Repeat this process for each Content Element (ex. Text Blocks, Photo Galleries, etc) you would like to add to the layout.

Note: If you assign more than one Content Element to the same section, the elements will stack in the order they appear in the content editor.

Return to Top