Einstieg in Typoscript
Nach der Neuinstallation des Typo3 Backend fangen wir an, über die Menü-Auswahl Web/Template das Default Root Template anzulegen.
In der horizontalen Menuauswahl finden wir das Auswahlmenü Info/Bearbeiten. Dieses aktivieren wir, so dass der Typoscript Editor für das Default Root Template freigeschaltet wird.
Wir beginnen mit ersten objektorientierten Einträgen, die sich wie folgt definieren:
- PAGE - das groß geschriebene PAGE ist das Objekt)
- = - das Gleichheitszeichen ist der Zuweisungsparameter
- . - jeder Punkt, der gesetzt wird, deutet eine Gliederung an
- COA - Content Object Array - mit dem COA (Content Object Area) kann eine verschachtelte Struktur erstellt werden.
- wrap - Ummantelung/ Verschachtelung - der wrap dient zur Ummantelung von weiteren Ebeneneigenschaften
- | - Pipezeichen dient als Platzhalter und liegt auf der Ebene wie die Ummantelung. Mithilfe des Platzhalters | werden die jeweiligen Tabellenzeilen im Quelltext angezeigt, die wir jeweils mit einem wrap in einem Content Object Array in Typoscript definieren
Effiziente Arbeitstechniken in Typoscript:
In Typoscript kann man durch besondere Zeichen und Werte-Kombinationen auch effiziente Arbeitstechniken anwenden. Dieses wird besonders anhand einer Tabellenkonfiguration deutlich
- page.40 < page.30 - Diese Schreibweise zeigt an, dass page.30 wie page 40 aufgebaut werden soll. Das "<" Zeichen ist in diesem Fall der Kopieroperator
- Gleichlautende Elemente dürfen mit der geschweiften Klammer "{" "}" ausgeklammert werden
- Innerhalb des Aufbaus können manuelle Änderungen durchgeführt werden
- Der Referenzierenoperator ist die Kombination aus "=" und "<" . Der Referenzierenoperator "=<" ist ähnlich dem Kopierenoperator. Der Unterschied liegt in der Verknüpfung, die Änderungen im Ursprungselement berücksichtigt.
- Der Löschenoperator ">" löscht eine Instanz aus dem Arbeitsspeicher. Er soll dann eingesetzt werden, wenn eine bereits vorhandene Instanz neu aufgebaut werden soll
Arbeitsbereiche in externen Templates markieren
Im Customizing von Typo3 Installationen wird oftmals eine Anpassung an externen Designtemplates erforderlich. Die wichtigsten Arbeitsschritte sind:
- Markierung der Arbeitsbereiche in der index.html des Designtemplates zur Definition des Subparts, der in Typoscript definiert werden soll
- Definition des Bereiches im Scripteditor mithilfe des Objektbefehles workOnSubpart = Name des Subparts in Grossbuchstaben
- Auslesen von speziellen Content-Markierungen in der index.html der Designvorlage
- Typoscript: Markierung des neu definierten Content-Bereiches im Scripteditor mithilfe des Befehls: page.10.marks.CONTENT "<" styles.content.get
