Manuelle Einrichtung
creuva:install bzw. Layout › Creuva nimmt dir diese Schritte ab. Wenn du das Theme lieber selbst
zusammenstellst, gehst du so vor:
1. Theme und Module
Lege unter Layout › Themes ein neues Theme an und darin diese Module:
- Navigationsmenü (2 Ebenen) für das Hauptmenü
- Creuva › Creuva Header – Logo, Navigationsmodul, CTA-Button, optional Suche; enthält das mobile Menü
- optional Suchmaschine auf einer versteckten Seite „Suche“ (siehe Suche)
- Creuva › Creuva Marke – Logo, Claim und Social-Media-Links für den Footer (die Plattform wird an der URL erkannt)
- Individuelle Navigation mit Überschrift für jede Footer-Spalte (z. B. Leistungen, Unternehmen, Rechtliches)
- optional Eigener HTML-Code für das Copyright und eine individuelle Navigation für die Links unten rechts
- optional Creuva › Creuva Style-Switcher zum Ausprobieren der Farbschemen (siehe Style-Switcher)
2. Seitenlayout
Lege ein Seitenlayout vom Typ „Modern“ mit dem Template page/layout/creuva an und weise die Module den
Bereichen zu:
| Bereich | Inhalt |
|---|---|
top | optionale Leiste, Style-Switcher |
header | Creuva Header |
main | Artikel |
prefooter | optional, z. B. eine Logoleiste über dem Footer |
footer | Creuva Marke und Footer-Navigationen |
bottom | Copyright, Sitemap, Cookie-Einstellungen |
Die untere Leiste enthält immer den Link „powered by contao-themes.net“, siehe Lizenz.
3. Design
Lege unter Creuva-Design im Seitenlayout Farbschema, Farbmodus, Typografie, Eckenradius und Animationen fest, siehe Design.
4. CSS-Stile importieren
Damit die Creuva-Klassen als Auswahlfelder erscheinen:
Barrierefreiheit
- Gib jedem Navigationsmodul unter Experten-Einstellungen eine eindeutige ARIA-Beschriftung, z. B. „Hauptnavigation“, „Leistungen“, „Service-Links“.
- Die Überschriften der Footer-Spalten sollten
h2sein. - Setze in Formularen bei Name, E-Mail, Telefon usw. das Feld Autovervollständigen (
name,email,tel,organization).
Der Installer und die Demos machen das bereits.