TORNADO Theme mit Demo installieren
Dank der Demo kannst du dir schnell einen Überblick verschaffen, welche Klassen verwendet werden und wie du bestimmte Effekte erreichen kannst.
Seit Contao 5.2 lassen sich Themes inkl. Demo direkt über den Contao Manager hochladen. Das vereinfacht die Installation, sodass du den Anweisungen im Contao Manager folgen kannst, um TORNADO zu installieren.
Theme-Download
Lade dir die neueste Version des Themes aus dem Club-Bereich herunter. Das TORNADO-Theme ist eine ZIP-Datei und lautet in etwa TORNADO-THEME-1.X.X.zip.
Hinweis: Sollte dein Browser das ZIP-Archiv automatisch entpacken, deaktiviere die Einstellung. Alternativ findest du das ZIP-Archiv im Papierkorb. Erstelle das ZIP-Archiv nicht selbst, da sonst die Pfade nicht stimmen!
1. Contao-Installation
Nachdem du den Contao Manager hochgeladen und aufgerufen hast, folge den Anweisungen bis zum Punkt Wähle eine Distribution. Dort wählst du den Punkt Theme für Contao aus und lädst die ZIP-Datei aus dem Club-Bereich hoch.
Im nächsten Schritt wird Contao mit allen Abhängigkeiten installiert, die vom Theme benötigt werden. TORNADO setzt Contao 5.7 und PHP 8.3 voraus und bringt das Nutshell Framework 2.x sowie die Theme Toolbox 4.5 mit.
2. Datenbank einrichten
Du wirst nun aufgefordert, die Datenbank-Zugangsdaten einzugeben. Nachdem du den Zugang erfolgreich hinterlegt hast, wird dir der Contao Manager vorschlagen, den Datenbank-Dump aus dem Theme zu installieren. Bestätige den Datenbank-Import über den Button Theme importieren.
2.1 Datenbank aktualisieren
Nach der Installation wirst du vom Contao Manager aufgefordert, das Datenbank-Schema zu prüfen und die Datenbank zu aktualisieren. Lasse die neuen Tabellen erstellen, indem du die Datenbank aktualisierst.
2.2 Admin-Account anlegen
Lege im letzten Schritt über den Contao Manager einen Administrator-Account an.
Bei Problemen: Cache leeren
Wichtig: In manchen Installationen erkennt Contao die angepassten Templates nicht direkt nach der Installation. Rufe in diesem Fall im Contao Manager die Systemwartung auf und betätige den Button „Prod.-Cache erneuern“, um den Anwendungs-Cache neu aufzubauen.
Ein Umgehen des SCSS-Caches ist nicht nötig. Der Compiler der Theme Toolbox erkennt Änderungen an den SCSS-Dateien automatisch und kompiliert bei Bedarf neu.
Die Installation ist nun abgeschlossen.
Wenn du das Frontend aufrufst, solltest du die TORNADO-Demo sehen. Solltest du im Frontend einen Fehler bekommen, prüfe, ob die URL mit einem SSL-Zertifikat gesichert ist. Solltest du kein SSL-Zertifikat haben, musst du in den Seitenstartpunkten das Protokoll auf http:// umstellen.
Multi-Page oder One-Page?
Die Demo enthält beide Varianten (siehe Was ist TORNADO?). Entscheide dich für eine und lösche die andere, damit dein Projekt übersichtlich bleibt. Die Multi-Page-Variante nutzt das Seitenlayout Standard. Im Backend erkennst du die Teile der One-Page-Variante am Zusatz (One-Page) im Namen.
One-Page nicht benötigt
Lösche
- den Startpunkt TORNADO One-Page samt Unterseiten,
- das Seitenlayout One-Page,
- die Module mit dem Zusatz (One-Page) sowie Navigation - Onepage-Navigation,
- das Portfolio-Archiv Referenzen (One-Page),
- das Formular Kontakt (One-Page).
Multi-Page nicht benötigt
Lösche
- den Startpunkt TORNADO samt Unterseiten,
- das Seitenlayout Standard,
- die Module Content - Logo, Content - Demo-Hinweis, Portfolio - Referenzen (Startseite), Portfolio - Referenzen, Portfolio - Referenzen (Wärmepumpe), Portfolio - Leser, Aktuelles - Liste und Aktuelles - Leser,
- das Portfolio-Archiv Referenzen und das Nachrichten-Archiv Aktuelles.
Die Module Navigation - Hauptnavigation und Navigation - Footernavigation sowie das Formular Kontakt verwendet auch der Styleguide. Lösche sie nur, wenn du den Styleguide ebenfalls entfernst.
Anschließend öffnest du den Startpunkt TORNADO One-Page, leerst das Feld URL-Präfix (sonst liegt die Website weiterhin unter /one-page/) und aktivierst den Sprachen-Fallback.
Demo-Leiste entfernen
Ganz oben in jeder Variante steht die Demo-Leiste mit dem Demo-Hinweis und dem Umschalter zwischen Standard, One-Page und Styleguide. Für deine eigene Website nimmst du das Modul Content - Demo-Hinweis (bzw. die Varianten mit Zusatz) aus dem Seitenlayout heraus. Den Layoutbereich Demo-Leiste kannst du danach ebenfalls entfernen.
Nächster Schritt
Bevor du mit dem Gestalten beginnst, aktivierst du einmalig den Live-Editor: In der Contao-Systemwartung findest du den Schalter „Frontend-Editor anzeigen“. Er ist standardmäßig aus. Wie es danach weitergeht, steht in der Anleitung TORNADO Theme individualisieren.