Add templates, modules, and layouts to pages

This article details how to add templates, modules, and layouts.

Selecting a template

On new pages, producers must take two steps to select a template:

The default template is the Blank Template, without a structure.

1. Select

   1. Blank Template if you need no template:
      

   2. Choose template, to list the available templates:
      

2. Select the template you want to apply, and the page automatically updates:
   

Using layouts and modules

Then, add either a layout or module, by:

1. Adding a layout into an available slot in your template:
    

2. Adding a module into an available slot in your layout:
   

Note: We advise against adding a layout into another layout as it overcomplicates the page structure.

How to edit modules 

Modules have a dual purpose:

• Select the content the front-end must render within a page.

• Describe how the front-end should render the selected content.

Each module sorts content for a specific type of entity. There are modules for stories, albums, custom entities, etc. Each module has a specific configuration, e.g., the Common - Article module links the page to a determined story through its slug:

How to copy, move, and delete modules 

After creating a module, you can copy or move it. Perform these actions by taking the following steps:

1. Select the three dots icon in the top-right corner of your module: 

2. Select the relevant action:
   
    

   Note: Copy/paste modules from one page to another to save time.

How to copy layouts

Hover over a layout. In the layout top-right, the copy icon displays:

Select the copy icon. Then, on the same page or another one, choose the blue slot where you can paste the copied layout:

If the producer selects the latest slot, the pasted layout is added there with all the nested content — modules and other layouts:

How to link a menu

When templates, layouts, and modules have a menu parameter, producers can directly link to the menu.

There are two ways to link a menu:

1. Start typing into the menu property box and select the suggested menu path:
   

2. Select the @ icon to enter a variable and write the variable with the menu path:
   In the example above, the @mainmenu variable is defined as follows: