How the master pages work

 
 

Master pages are used to organize content that is repeated from one page to the next. For example, a master page often contains the header, menu and a footer.

By setting up a master page that meets the needs of multiple pages, you can link those pages to the master page and have a predefined structure. Master pages are a very important asset for a website with a large number of pages.

 

Activate master pages

Once your website is created (see the article create a website), go to the Websites feature, then in your site, select the Settings tile.

parrameters.jpg

Scroll to the bottom of the page, then select the option: Enable master page system. This step is not reversible.

activate.jpg

 

Create a master page

Creating a master page is very similar to creating a web page. The main difference is that the modules configured on the master page will appear on the pages linked to the master page. 

To add a master page, go to your website, in the Master Pages tile

tile-master.jpg

By default, your website will have a master page called: Base. You can modify this one or create a new one by clicking on the button at the bottom right: Add a master page.

add-a-master-page.jpg

Configure and modify an existing master page

Select the master page you want to configure from the Master Pages List.
Click mceclip1.png to configure its structure. Configure the structure of a master page in the same way as a page.

Be careful, the modification of the structure of a line already used on existing pages will remove its contents from the pages.

However, we recommend that you configure the structure of the master page according to the needs common to all the pages that will be linked to it. In fact, all pages linked to the master page will have the same structure.

*It is better to make one master page for several pages and simply include several lines that will fit the different pages. Empty lines will not appear on the site.

In the Structure tab of your master page, the menu on the right allows you to change the Configuration Modes of the master page:

Configuration Modes

Module management

Once the structure of the master page has been defined, configure modules on it that will automatically be present on all pages linked to this master page. To configure an area, simply click on it.

mceclip2.png

For example, if you want to configure a header on your master page, choose and configure the Header module of the Website application on the first line. 

Also create a footer by selecting the last line of the main page and choosing the Footer module of the Website application.

mceclip3.png

Moving modules

This mode allows you to quickly move a module or swap the location of two modules without having to change their configurations. Simply use mceclip4.png to move the modules.

mceclip4.png

Grouping of lines

This mode allows you to group lines together to, for example, create areas with the same image or background color. Select neighboring lines and click on mceclip5.png. Name your group, add a CSS class and a background color.

It is also possible to ungroup lines, by editing the area and clicking on mceclip6.png.

mceclip7.png

Link internal pages to the main page

Once the master page is created and configured, use it to create the different pages of your site.

mceclip8.png

On the Pages menu, click on mceclip9.png .

In the "Advanced Parameters" of your new page, check  mceclip11.pngand choose your master page.

mceclip10.png

Configure a page by selecting it and click on an area to choose which module you want to insert. 

If you want to modify a zone already configured in the master page, check mceclip12.pngand configure your zone.

To configure a website module, simply fill in the module form and click on mceclip13.png.

Was this article useful?

Comments

0 comments

Please sign in to leave a comment.