In this article, we cover the basics of creating custom templates, layouts, and modules.
Topics covered here:
Define templates
Start thinking about a rough website layout (maybe sketching on paper). This can help you understand where different website elements should be placed.
Standard templates often include the following essential parts:
- Header: It contains the website logo, navigation menu, and other important information.
- Footer: It contains copyright information, contact details, and other relevant links.
- Main content: It contains all the editorial and promo content.
Define layouts
A grid system helps to organize the website's layout and provides consistency across different pages.
Create a new layout to separate content in columns and rows and include fixed content.
Define modules
Modules host content and describe how to present it.
Create a new module when the out-of-the-box ones don't meet your presentation needs.
Ingest custom assets
Once you have designed the templates, layouts, and modules you need, get in touch with your technical team to:
- Write the JSON definition of your templates, layouts, and modules based on your design.
- Through Swagger, call the FORGE API that ingests the JSON above.
- In the FORGE Back Office, under Presentation Manager → Administration → Frontend, click the Load Site Asset button: this makes the new template available in the Page Builder.