Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
— | fluid_layouts [2023.12.12 16:02] (aktuell) – angelegt - Externe Bearbeitung 127.0.0.1 | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
+ | ====== Fluid Layouts ====== | ||
+ | Ein Fluid Layout bildet die Grundlage für die Einbindung von Fluid Templates. | ||
+ | \\ Das bedeutet: Wenn man ein Basis Fluid (HTML) Template über das Setup in die Webseite eingebunden hat, verweist die erste Zeile in diesem Template auf die Layout-Datei. Den Suchpfad dazu gibt man ebenfalls im Setup an. | ||
+ | \\ Die Layout-Datei bildet nun quasi das Inhaltsverzeichnis für die folgenden Schritte. Diese Datei sagt der Rendering Engine von TYPO3, welche weiteren Dateien nun nacheinander abgearbeitet werden sollen. | ||
+ | |||
+ | ===== Layout Datei: Einfaches Beispiel ===== | ||
+ | |||
+ | In diesem Beispiel besteht das Layout der Webseite aus drei Bereichen: | ||
+ | * Das '' | ||
+ | * Der Inhaltsbereich wird über eine '' | ||
+ | * Das '' | ||
+ | |||
+ | < | ||
+ | < | ||
+ | < | ||
+ | | ||
+ | <WRAP left important 100%> | ||
+ | **Beachten Sie die folgenden Konventionen: | ||
+ | </ | ||
+ | |||
+ | |||
+ | * Die Inhalte des Layout werden in der Reihenfolge von oben nach unten abgearbeitet | ||
+ | * Die Namen der eingebundenen Partials müssen mit einem Großbuchstaben beginnen und genauso in der Layout-Datei benannt sein | ||
+ | * Die Dateiendung .html wird bei der Einbindung eines Partials weggelassen | ||
+ | ===== Layout Datei: Übergabe von Variablen ===== | ||
+ | |||
+ | Sie können einem '' | ||
+ | \\ Dafür nutzen Sie folgende Syntax: | ||
+ | |||
+ | < | ||
+ | < | ||
+ | < | ||
+ | |||
+ | Sollen **mehrere Parameter** übergeben werden, so sind diese arguments mit einem Komma voneinander zu übergeben: | ||
+ | |||
+ | < |