In this article, we cover the basics of creating custom templates, layouts, and modules.
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.