Manage layout blocks

What's inside this article:

• Basic information
• Get started
• Open the layout builder
• Add a layout block
• Delete a layout block
• Move a layout block
• Use special layout blocks
• Add widgets

Basic information

Layout blocks let you build structured and visually-appealing page designs without using code. In Pangea CMS, web editors can use layout blocks to build the following segments:

• Sections
• Infopages
• Landings
• You Might Also Like (YMAL)

To learn about he purpose of these segements, see the articles below:

• Build a Section
• Build an Infopage
• Build a Landing
• Build a You Might Also Like

Each layout block runs horizontally across the page width and includes one or more areas (or containers) for inserting widgets. For example, the screenshot below shows one block that includes four areas. This block should be used to display four widgets.

This article explains how to work with layout blocks in Pangea CMS.

Get started

To get started building a new segment, go to Build in the primary navigation. For detailed instructions, see the relevant article below:

• Build a Section
• Build an Infopage
• Build a Landing
• Build a You Might Also Like

Open the layout builder

To open the layout builder, select Layout in the left panel on the edit page.

The remaining chapters in this article explain the available options for managing layout blocks:

• Add a layout block
• Delete a layout block
• Move a layout block
• Use special layout blocks
• Add widgets

Add a layout block

To add a new layout block:

1. Ensure you are on the Layout subpage.
2. Scroll to the position where you want to add the block.
3. Click + Add block.
4. Select the block you want to add.

Pangea CMS offers the following types of layout blocks:

• 3-column: On desktop, each row can include 1-3 items. On mobile / tablet, each row might be broken into a maximum of 3 parts, which are displayed one below the other.
• 4-column: On desktop, each row can include 1-4 items. On mobile / tablet, each row might be broken into a maximum of 4 parts, which are displayed one below the other.
• Special: Blocks that enable special widget layouts.

Delete a layout block

Empty layout blocks are not visible on the public site. However, you might delete empty blocks to clarify the desired layout for other Pangea users.

To delete an empty layout block, hit the trash icon.

You cannot delete a block that contains widgets. First, open the Editor subpage and delete all widgets that are inside the layout block. For detailed information, see the following article:

• Delete a widget

Move a layout block

To move a layout block, use the drop-down menu in the top-left corner of the block. For example, if you select 1, the block is positioned first. You can move empty layout blocks and blocks that contain widgets.

Use special layout blocks

Special layout blocks work as follows:

• Media slider: A black layout block that enables the special "Media slider" layout for a Content widget.
• Feature: A gray layout block that enables the special "Feature" layout for a Content widget.

For detailed information about how to use these layout blocks, see the following articles:

• Build a Media slider widget
• Build a Feature widget

Add widgets

Widgets are interactive visual elements that showcase your content for website visitors. Pangea CMS offers various widget types that serve different purposes. For an overview of the different widget types, see the following article:

• Introducing widgets

To add and manage widgets, select Editor in the left panel.

For detailed information about managing widgets, see the following article:

• Manage widgets