Seit TYPO3 7 LTS können Inhaltselemente auch mit Fluid Styled Content anstelle von CSS Styled Content gerendert werden. Auch eigene Fluid Styled Content Elemente sind möglich. Demo Extension: https://github.com/peterkraume/demo_fsc

1. Fluid Styled Content
in TYPO3 7.6 LTS

2. Überblick
• Systemerweiterung fluid_styled_content (FSC)
• seit TYPO3 7.5 im Core verfügbar
• dient genauso wie css_styled_content (CSC) dem
Rendering von tt_content Datensätzen
• Parallelbetrieb mit css_styled_content möglich
• Einstellungsmöglichkeit im Extension Manager
oder per Page TSconfig

3. Vorteile
• Homogene Template Architektur für Seitentemplates,
Extensions und Inhalte
• Eigene Fluid Templates für jeden Inhaltstyp
• Statt text, image und textpic gibt es nur noch einen Typ:
textmedia
• textmedia kann auch YouTube & Vimeo Videos einbetten
• Templates sind einzeln überschreibbar
• Höhere Performance gegenüber CSC

4. Migration von CSC zu FSC
1. css_styled_content deinstallieren
2. fluid_styled_content aktivieren
3. Nun ist ein "Upgrade Wizard" im Install Tool
verfügbar, der die Migration der
Inhaltselemente text, image und textpic in
textmedia durchführt
4. neues statisches Template einbinden

5. Nach der Migration
• FSC bringt eigene CSS-Klassen für das Frontend mit.
Anpassungen im CSS einer Website sind notwendig.
• Die Funktion "Rahmen und Einrückungen
(section_frames)" gibt es nicht mehr. Hier muss bei
Bedarf auf das "Layout"-Feld ausgewichen werden.
• Überschriften lassen sich nicht mehr direkt zentrieren
oder rechts ausrichten.
• Die Bildeffekte (Drehung, Graustufen etc.) gibt es
auch nicht mehr.

6. Demo

7. Ressourcen
• offizielle Doku:
https://docs.typo3.org/typo3cms/extensions/fluid_styled_content/
• Demo Extension:
https://github.com/peterkraume/demo_fsc
• Video Anleitungen von Wolfgang Wagner:
• https://jweiland.net/video-anleitungen/typo3/typo3-projekte-
verwalten/typo3-7-lts-migration-von-css-styled-content-nach-
fluid-styled-content.html
• https://jweiland.net/video-anleitungen/typo3/typo3-projekte-
verwalten/fluid-styled-content-templates-anpassen.html

8. Vielen Dank
@Cybersmog
peter.kraume@bgm-gmbh.de
http://de.slideshare.net/pk77
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.