.. ==================================================
.. FOR YOUR INFORMATION
.. --------------------------------------------------
.. -*- coding: utf-8 -*- with BOM.

.. include:: ../../../Includes.txt


.. _developers_layout_stil:


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