Manual setup
creuva:install or Layout › Creuva takes care of these steps for you. If you prefer to put the theme
together yourself, proceed as follows:
1. Theme and modules
Create a new theme under Layout › Themes and add these modules to it:
- Navigation menu (2 levels) for the main menu
- Creuva › Creuva header – logo, navigation module, CTA button, optional search; contains the mobile menu
- optionally Search engine on a hidden “Search” page (see Search)
- Creuva › Creuva brand – logo, claim and social media links for the footer (the platform is detected from the URL)
- Custom navigation with a headline for each footer column (e.g. Services, Company, Legal)
- optionally Custom HTML code for the copyright and a custom navigation for the links at the bottom right
- optionally Creuva › Creuva style switcher for trying out the color schemes (see Style switcher)
2. Page layout
Create a page layout of type “Modern” with the template page/layout/creuva and assign the modules to the
slots:
| Slot | Content |
|---|---|
top | optional bar, style switcher |
header | Creuva header |
main | articles |
prefooter | optional, e.g. a logo bar above the footer |
footer | Creuva brand and footer navigations |
bottom | copyright, sitemap, cookie settings |
The bottom bar always contains the link “powered by contao-themes.net”, see License.
3. Design
In the page layout, set the color scheme, color mode, typography, corner radius and animations under Creuva design, see Design.
4. Import CSS styles
To make the Creuva classes available as select fields:
Accessibility
- Give each navigation module a unique ARIA label under Expert settings, e.g. “Main navigation”, “Services”, “Service links”.
- The headlines of the footer columns should be
h2. - In forms, set the Autocomplete field for name, email, phone etc. (
name,email,tel,organization).
The installer and the demos already do this.