Bereits heute empfehlen wir Website Templates im TYPO3 CMS konsequent mit Hilfe von TYPO3 Fluid zu erstellen und als TYPO3-Extension anzulegen. Es bietet viele Vorteile für die Zukunft: u. a. vereinfacht es den Ein- und späteren Umstieg auf das kommende Neos CMS.
Das TYPO3 CMS bietet viele Wege bei der Erstellung des Website Templates: Die altbekannte Marker-Vorgehensweise, durch zusätzliche TYPO3 Erweiterungen wie z. B. automaketemplate oder TemplaVoila sowie TYPO3 Fluid. Im Neos CMS wird mit TYPO3 Fluid die mächtigste Variante den Standard darstellen. Im Folgenden werden in Anlehnung an Neos die Vorteile von TYPO3 Fluid dargestellt und ein möglicher Weg aufgezeigt um sich schnell im kommenden CMS zu Recht zu finden.
Unser Tipp für das Website Template: Immer eine eigene TYPO3 Erweiterung erstellen, also z.B. kaufmann_template. In Neos wird dies später das bereits erwähnte Site Package sein.
Absolut erfolgsentscheidend ist, sich in beiden Systemen an eine einheitliche Ordnerstruktur zu halten. Folgende Struktur ist an Neos angelehnt:
In den Resources Ordnern wird jetzt das komplette Website Template verteilt. Der Ordner Private signalisiert, dass diese Dateien nicht öffentlich zugänglich sind. Hierfür hinterlegen wir im TYPO3 CMS zustätzlich eine .htaccess Datei.
Alle öffentlich verfügbaren Template Dateien wie Fonts, JavaScript, Images sowie Stylesheets hinterlegen wir strukturiert unter Resources im Ordner Public.
Im Ordner Private finden sich die Ordner, Layouts, Partials, Templates und TypoScript:
In TypoScript lagern wir das komplette TypoScript in Dateien aus. Die zwei Dateien setup.txt und constants.txt stellen die Hauptdateien dar, welche alle weiteren Dateien aus den selbigen Unterordnern inkludieren. So sollte es im Unterordner Setup z.B. die Dateien Page.ts und Config.ts - geben, die in der Setup.ts Datei eingebunden werden. Wir verwenden noch den Ordner Library, in dem allgemeine Objekte definiert werden wie z.B. lib.firstLevelMenue. Unter Nodes, die so genannten Seitenknoten im kommenden Neos, hinterlegen wir zur besseren Übersicht Erweiterungs-Templates wie beispielsweise Kontakt.ts mit speziellen TypoScript Einstellungen für die jeweilige Seite.
Hinweis: In Neos können wir TypoScript bzw. TypoScript2 künftig nur noch in Dateien speichern. Mit diesem Wissen empfehlen wir, sich schon jetzt an diese Regel zu halten. Sie garantiert eine sichere Versionskontrolle!
Im Ordner Layouts hinterlegen wir den generellen HTML-Aufbau des Website Templates. Der Ordner Partials beinhaltet häufig benutzte Elemente, die an mehreren Stellen im Template eingefügt werden. Die unterschiedlichen Templates werden im Unterordner Templates abgelegt.
Das komplette Template installieren und konfigurieren wir in zwei simplen Schritten im TYPO3 CMS: