fluid styled content in typo3 7.6. lts

Fluid Styled Contentin TYPO3 7.6 LTS

Ü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

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

Migration von CSC zu FSC1. 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

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.

Demo

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

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.