How to Use the Layout Tool

How to Use the Layout Tool

Using the Layout tool is the best way to move away from a single "wall of text" and create a professional, organized page. It allows you to place content side-by-side, which is perfect for pairing text with a related image or creating a multi-column resource list.

🔲 Designing with the Layout Tool

The Layout tool allows you to split your page into vertical columns. This keeps your content organized and ensures your page looks great on both desktop and mobile screens.

How to Add a Layout

  1. Select your spot: Click your cursor in the Main Content area where you want the columns to begin.

  2. Open the menu: Click the + Insert button in the toolbar.

  3. Choose Layout: Select Layout from the dropdown list.

  4. Pick your structure: Choose how you want to split the space (e.g., 50/50 for two equal columns, or 33/66 for a small sidebar and a large main area).

What can you put in a Layout?

Once the columns appear, you can click inside either side to add any content you like:

  • Text & Headings: Great for "Meet the Teacher" bios.

  • Images: Place a photo in the left column and a description in the right.

  • Buttons & Links: Create a column of "Quick Links" next to a welcome message.

    • Related Articles

    • Which Tool Should I Use in Content Manager?

      This guide is made to help your staff make informed decisions on what tools to use in Content Manager. It helps staff quickly decide which module to use, ensuring that information is organized logically for parents and easily searchable on the site. ...

    • How to Use Queries

      How to Use Queries A Query allows you to filter and sort content in Content Manager so it can be displayed automatically on a webpage. Queries are commonly used to display: Latest News sections Event listings Document collections Filtered page lists ...

    • Using the Search Console tool

      The Search Console in Content Manager is a powerful diagnostic and optimization tool that allows you to see exactly how your content appears to users when they use the search bar on your school site. It helps you ensure that critical information is ...

    • How to Use Collapsible Boxes

      Long pages filled with text can be overwhelming for parents, especially when they are searching for a quick answer on a mobile device. Collapsible Boxes are the perfect solution for organizing "heavy" content like FAQs, school policies, or supply ...

    • Design Inspiration

      ✨ Design Inspiration: 3 Ways to Use Layouts Not sure how to arrange your page? These three common setups are parent favorites and take only a few seconds to build using the + Insert > Layout tool. 1. The "Welcome" Section (50/50 Split) Perfect for a ...