Contao Theme erstellen: Unterschied zwischen den Versionen

Version vom 11. August 2015, 11:50 Uhr

Grundlagen

Woraus besteht ein Theme?

Wird ein Theme exportiert, erhält man eine komprimierte Datei mit der Endung .cto. Diese lässt sich, ähnlich wie eine Zip-Datei, mit jedem Packprogramm öffnen (z.B. WinRar).

Die Datei enthält folgendes:

• Datei theme.xml mit Informationen zu
  • Autor, Name des Themes, Vorschaubild, etc.
  • eingebettete Ordner
  • verwendete Module
  • angelegte Layouts
  • angelegte Stylesheets
• Ordner mit Dateien aus files/Dateisystem
• Ordner mit Templates

Schritt für Schritt zum eigenen Theme

1. Templates-Ordner erstellen

Im Backend-Modul Themes im Abschnitt Layout muss zunächst ein neuer Ordner angelegt werden.

Dieser Ordner sollte die gleiche Benennung erhalten, wie das Theme. Dabei ist darauf zu achten, dass der Ordner keine Leerzeichen, Umlaute oder Sonderzeichen enthält. Außerdem wird Kleinschreibung empfohlen.

In dem Ordner werden künftig alle angepassten Templates abgelegt.

2. Ordner-Struktur in der Dateiverwaltung anlegen

Als nächstes empfielt es sich, die Ordnerstruktur in der Dateiverwaltung anzulegen. Hierbei sollten mindestens 2 neue Ordner angelegt werden:

• Ordner, der dem Theme zugehörige Dateien enthalten soll
• Ordner, der Dateien für den Content enthalten soll

In dem Theme-Ordner werden künftig alle Dateien, die zum Theme gehören, abgelegt. Dazu zählen beispielsweise:

• CSS-Dateien
• JavaScript-Dateien
• Fonts
• Hintergrundbilder
• Icons

Der Content-Order enthält Dateien, wie

• Content-Bilder
• PDF-Dateien
• Logo

3. Theme erstellen

4. Frontend-Module anlegen

5. Stylesheets anlegen

6. Seitenlayouts erstellen