Typo3 - Templates mit Fluid: Unterschied zwischen den Versionen

Aus Wikizone
Wechseln zu: Navigation, Suche
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>
  
Jetzt
+
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
...

Fluid Snippets