Neuer Stil¶
Entwickler*innen können TYPO3 GRÜNE mit einem neuen Stil erweitern. Dies geschieht in zwei Schritten:
- Zur entsprechenden Flexform muss dem Feld Stil ein neuer von Dir definierter Optionswert hinzugefügt werden.
- Alle für den Stil nötigen TypoScript-Templates (und damit gegebenenfalls auch CSS-, Fluid- und HTML-Dateien) müssen erstellt und hinzugefügt werden.
Für die Integration muss die Erweiterung EXT:startgreen angepasst werden. Bis auf weiteres ist es nicht möglich, extern definierte Stile einzubinden.
Herangehensweise¶
- Web Modul > Seite
- Seiteneigenschaften > TYPO3 GRÜNE
- Untersuche das Feld “Stil”: Nehme einen der Werte aus den Optionsfeldern wie zum Beispiel “2020041”
Zu erstellende und zu bearbeitende Dateien¶
Untersuche EXT:startgreen mit Deiner Entwicklungsumgebung (IDE)
- Suche nach dem Wert von oben (hier: 2020041)
Du erhältst eine Trefferliste.
Trefferliste¶
Unter anderem findest Du
- Configuration/TCA/Overrides/pages.php
- Hier erweiterst Du die Flexform mit deinem Wert (einer eindeutigen ID) und einem Label. Etwa: 2010141 (YYMMDDN) und “Mein Stil”
- Configuration/TypoScript/Base/Page/cssInline/44444/…
- Hier solltest Du Deine CSS-Inline-Dateien anlegen. Am einfachsten ist es, vorhandene Dateien zu kopieren und umzubenennen: etwa alle 2020041 nach 2010141.
- Configuration/TypoScript/Base/Page/includeCSS.ts
- Hier bindest Du Deine neuen CSS-Dateien ein.
- Configuration/TypoScript/Base/Page/jsFooterInline.ts
- Hier bindest Du Deine neuen JavaScript-Dateien ein.
- Configuration/TypoScript/Base/Start/Structure/…
- Wenn Du eine von TYPO3 GRÜNE abweichende Seitenstruktur haben möchtest, bearbeite die hier gefundenen Dateien.
- Configuration/TypoScript/Development/cssNotMinified/setup/page/includeCSS.ts
- Im operativen Betrieb werden komprimierte CSS-Dateien eingebunden. Im Delevepment-Modus werden für ein besseres Debugging Standard-CSS eingebunden.
- Configuration/TypoScript/EMail/…
- Hier kannst Du Dateien hinterlegen für einen in Deinem Stil gestalteten Newsletter