Skip to main content

What are Content Layouts?

Content Layouts Overview

Content layouts are the sections between the header and the footer that make up a web page. They are part of the body content of a website and are typically page-specific (whereas the header and footer are persistent across the entire website).

The Structure of a SiteDrawer Webpage

SiteDrawer webpages are structured using content layouts. Each layout is considered a section and is populated with a specific layout (or content type) that best represents the content for that section.

Content Layouts

image.png

Professionally Designed Content Layouts

Each section of the webpage can be populated with any of the available content layouts. Once the layout type is selected, you can choose from the available styles to best suit the type of vibe you want for your website.

image.png

Each layout is professionally designed so that:

  • It looks great on all screen sizes
  • It fits with the rest of your website (colours, fonts etc.)
  • Is well optimized for ease of use and loading times
  • Can easily reference other website content or Modules

List of Content Layouts

Content Layout Description Example
Standard Content Section
 A commonly used layout that consists of a heading, text, image and call to action. image.png
Call to Action Section
 A section that encourages the user to take a specific action. Generally placed toward. the bottom of the page, it can be a banner or a full-sized section.

image.png
Child Page List Section
 Used to list all of the child pages of the current parent page. This is good for index pages. 

To learn more about parent and child pages, visit our Glossary.

image.png
Code Block Section

Use to add custom code to the webpage. The code block can be:

  • In-content: it's visible on the page (used for custom HTML/PHP or embeds)
  • Non-content: it's invisible (used for JS, CSS or PHP that’s purely for scripting)

image.png
Column Section
 Used to display content in a column format. This content type is great for repeated items like benefits, features, and key details.

Links to the Columns module to easily make column content repeatable across many pages of your website.

image.png
FAQ Section

Used to display information an accordion style format (collapsible containers). Most commonly used for FAQs but can be used for any type of content.

 

Links to the FAQs module.
Form Section

Logo Scroller/Banner Section



Repeater Section

Resources Section

Slider Section

Team/Staff Section

Testimonial Section




Back to top