Styleguide : Alle Bausteine auf einen Blick

Jedes Element, jedes Modul und jede Layout-Variante von TORNADO – mit den passenden CSS-Klassen.

Wozu dieser Bereich?

Die Demo zeigt TORNADO im Einsatz – als mehrseitige Website und alternativ als One-Page. Der Styleguide zeigt dagegen jeden Baustein für sich: wie er aussieht und welche Klassen du dafür im Klassen-Manager auswählst. Wie du das Theme installierst und anpasst, steht in der Anleitung unter docs.flow-contao-themes.de.

Tipp: Behalte den Startpunkt „Styleguide“ in deinem Projekt. Er hilft dir und deinen Redakteur:innen beim Aufbau neuer Seiten. Bevor die Website online geht, schützt du ihn oder setzt ihn auf unveröffentlicht.

Drei Startpunkte, drei Seitenlayouts

  • Standard (/, Seitenlayout „Standard“): klassische Website mit Hauptnavigation und Untermenüs.
  • One-Page (/one-page/, Seitenlayout „One-Page“): alle Inhalte auf einer Seite, die Onepage-Navigation springt zu den Abschnitten.
  • Styleguide (/styleguide/, Seitenlayout „Styleguide“): dieser Bereich.

Wo die Dateien liegen

  • layout/tornado-theme – SCSS, JavaScript, Schriften und Bilder des Themes. Diese Dateien werden bei Updates überschrieben.
  • layout/custom – deine Anpassungen. Liegt hier eine Datei, nimmt die Theme Toolbox sie statt des Originals; Updates lassen sie unangetastet.
  • files/demo – die Bilder der Demo-Inhalte.