Einleitung

Das SOLO Theme basiert auf dem Nutshell Framework und lässt sich durch eine Vielzahl von CSS-Variablen (aka Custom Properties) sowie Sass-Variablen sehr gut individualisieren. Wir haben versucht, so wenig Contao Templates wie möglich anzupassen, um den Einstieg in das Theme und Anpassungen bei Contao-Updates so gering wie möglich zu halten. Eine Übersicht über die Template-Anpassungen findest du in der Dokumentation unter Angepasste Templates.

Aufbau des Themes

Das Theme besteht aus 2 Teilen:

  1. Demo-Ansicht
  2. Dokumentation (dieser Bereich)

Während dir die Demo ein Gefühl dafür geben soll, wie das Theme im Einsatz aussehen kann, beinhaltet die Dokumentation eine Darstellung aller verwendeten Elemente und Module sowie Erklärungen, während das Design eher eine untergeordnete Rolle spielt. Auf solo-4.contao-theme.de kannst du dir ebenfalls die Demo noch einmal ansehen.

Tipp:

Behalte den Startseitenpunkt Dokumentation, um ihn als Style Guide für das Theme und das Projekt zu nutzen.

Aufbau der Ordner- und Dateistruktur

Nach der vollständigen Installation findest du im Hauptverzeichnis deiner Contao-Installation folgende Ordner:

  • layout/solo-theme - hier liegen alle SCSS-, Bild-, JS- und Font-Dateien des Themes (Originaldateien, werden bei Updates überschrieben)
  • layout/custom - hier landen deine eigenen Anpassungen, die bei Theme-Updates erhalten bleiben
  • files/demo - hier sind alle in der Demo verwendeten Ressourcen (Bilder, Videos, Audio, Downloads) enthalten

Wie du das Theme über den Theme-Editor oder deinen eigenen Code-Editor anpasst, erfährst du in der Dokumentation unter Theme individualisieren. Für deine finalen Bilder, Videos etc. empfehle ich dir, einen neuen Ordner content o.ä. anzulegen. Dann kannst du den Ordner demo vor dem Launch löschen.