Zum Hauptinhalt springen

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:

BereichInhalt
topoptionale Leiste, Style-Switcher
headerCreuva Header
mainArtikel
prefooteroptional, z. B. eine Logoleiste über dem Footer
footerCreuva Marke und Footer-Navigationen
bottomCopyright, 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:

vendor/bin/contao-console creuva:css-styles

Barrierefreiheit

  • Gib jedem Navigationsmodul unter Experten-Einstellungen eine eindeutige ARIA-Beschriftung, z. B. „Hauptnavigation“, „Leistungen“, „Service-Links“.
  • Die Überschriften der Footer-Spalten sollten h2 sein.
  • 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.