Add a page
Add content to the Lean Web Kit can be accomplished with a page. There are a few type of pages available:
This is the homepage.
- Content Pages
This is a regular content page such as
- 404 Page
If a page is not available or does not exist, the 404 page is shown.
To add a page, go to the CMS > Pages > Content pages and add a new page.
The default language is English. If more than 1 language is configured (see configure available languages) a plus sign appears to add another language.
Title and slug
Adding a page title is required.
Below the title is the slug which is automatically generated from the title.
A slug is a part of a URL that identifies a particular page. If the URL is
https://leanwebkit.voorhoede.nl/en/always-secure/ then the slug is
The slug can be changed, but it's usually recommended to keep the slug the same as the title of the page.
Search Engine Optimization
Adding Search Engine Optimization (SEO) settings is required:
- Sharing image
The title and description are shown in search engine results such as Google
If a sharing image is also added, then the title, description and sharing image will be shown if you post this url to social media, like Slack, Facebook, Twitter.
The cover image will display full width behind the site title.
For each page you can set the following options:
- Hotjar tracking
- Social share
- Table of Contents
Page sections can be added under Sections.
You can think of a Page section as a block of content.
A new Page section can be added by clicking on Add new.
Content can be added to a page by clicking on Add new content block. This shows a list of building blocks to build pages:
You can view each of the building blocks (components) in Storybook. This is a guide with an overview of all the building blocks, which describes features and shows examples.
Multiple content blocks can be added in a single Page section. Each content block can be reordered by selecting move up or move down.
The order of the Page sections can be changed by dragging and dropping it to another position.