Typo3 - Templates mit Fluid: Unterschied zwischen den Versionen
Aus Wikizone
| Zeile 15: | Zeile 15: | ||
=== Unterschiede in der Vorgehensweise === | === Unterschiede in der Vorgehensweise === | ||
| − | Bisher | + | Bisher mit Markern und Subparts |
HTML: | HTML: | ||
<pre> | <pre> | ||
| Zeile 38: | Zeile 38: | ||
</pre> | </pre> | ||
| − | + | HTML mit Fluid Variable "content" | |
| + | <pre> | ||
| + | <div id =“content“> | ||
| + | {content} | ||
| + | </div> | ||
| + | </pre> | ||
| + | |||
| + | |||
| + | TypoScript mit Fluidtemplate-Objekt statt Template-Objekt | ||
| + | <pre> | ||
| + | page = PAGE | ||
| + | page.10 = FLUIDTEMPLATE | ||
| + | page.10 { | ||
| + | template = FILE | ||
| + | template.file = fileadmin/site/template/tpl_fluid_main.html | ||
| + | variables { | ||
| + | content < styles.content.get | ||
| + | ... | ||
| + | </pre> | ||
== Fluid Snippets == | == Fluid Snippets == | ||
Version vom 5. Dezember 2013, 15:18 Uhr
Fluid soll dafür sorgen, daß die Ausgabe Logik mit ins Template kommt. Dadurch soll das Arbeiten übersichtlicher werden.
Links
http://blog.sbtheke.de/web-development/typo3-verschiedene-seiten-templates-mit-fluid-und-be-layout
http://t3n.de/magazin/seitentemplates-fluid-226788/
Fluid Quickstart
Vorbereitung
Extensions fluid und extbase müssen installiert sein.
Einführung in Fluid Templates
- Bisher nur für Extensions
- Ab TYPO3 4.5 FLUIDTEMPLATE TypoScript-Objekt. Dieses steht für Templates zur Verfügung und nutzt im Hintergrund das neu eingeführte Fluid-Standaloneview.
Unterschiede in der Vorgehensweise
Bisher mit Markern und Subparts HTML:
<!-- ###DOCUMENT begin --> <div id =“content“> ###CONTENT### </div> <!-- ###DOCUMENT end -->
TypoScript:
page = PAGE
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/site/template/tpl_main.html
workOnSubpart = DOCUMENT
marks {
CONTENT < styles.content.get
...
HTML mit Fluid Variable "content"
<div id =“content“>
{content}
</div>
TypoScript mit Fluidtemplate-Objekt statt Template-Objekt
page = PAGE
page.10 = FLUIDTEMPLATE
page.10 {
template = FILE
template.file = fileadmin/site/template/tpl_fluid_main.html
variables {
content < styles.content.get
...