Typo3 Templates und TypoScript
Universität zu KölnHistorisch-kulturwissenschaftliche Informationsverarbeitung
Studium Integrale: IT-Zertifikat der Phil.-Fak.: Digital Objects Processing – CMS vs. Digital Library
SS 2013Tatiana Akhmadishina, Dima Albrecht, Laura Mißeler
Inhalt
• Templates• TypoScript und Objektorientierung• TSRef und der praktische Teil
Definition Templates allgemein
• Ursprung im Englischen: Schablonen• Grundgerüst für das Layout von Dokumenten• Enthält alle wesentlichen Layout-Elemente• Kann mit Grafiken und Texten gefüllt werden
Definition Templates Typo3
• Normale Anwendung:-Design- und Anwendungsvorlagen
in HTML verbunden mit Typo3-Trennung von Inhalt
und Form
• TypoScript Templates:Konfigurations-Vorlagen zur Regelung der Form, wie Inhalte der Datenbank in Designvorlagen (normale Templates) eingefügt werden.
=> Typo3 benötigt Templates, um zu funktionieren
Unterschied Templates – Themes
• Templates bei Typo3-benötigt, um korrekte Funktionalität zu gewährleisten-wird mit HTML/TypoScript erstellt-verändert nicht nur Layout, sondern verknüpft Datenbank mit diesem
• Themes bei Drupal-nicht benötigt zur Funktion-Möglichkeit der grafischen Aufbesserung-Verändert nur Layout der Website-kostenlos, vorprogrammiert verfügbar
Editieren von Templates
Title:Anhand des Titels ist Template später im Backend zu finden.
Sitetitle:So wird Template auf Webseite angezeigt.
Editieren von Templates
Description:Beschreibung des Templates, um anderen Backend-Nutzern das Verständnis zu ermöglichen.
Ressources:Enthält alle Ressourcen, die im Template verwendet werden. Entweder direkt hochgeladen oder aus dem Auswahlmenü gewählt.
Editieren von Templates
Constants:Definiert Konstanten für Setupfeld.
Setup:Wichtigstes Feld im Templatedatensatz, hier erfolgt Konfiguration des Templates mit TypoScript.
Was ist TypoScript?
• Konfigurationssprache, keine Programmiersprache
• basiert auf PHP• ist objektorientiert• bestimmt, was wie ausgegeben wird:– Was = Content– Wie = Design
• Unverzichtbar: Der Blick in die TSRef
Was ist Objektorientierung?
• Zusammenfassung von Daten und Funktionen in einem Objekt
• Kapselung nach außen
Keine Manipulation durch Funktionen fremder Objekte!
Wichtige Begriffe
• Klasse: Konstruktionsplan• Funktion / Methode: vorgesehene Fähigkeiten• Eigenschaft / Attribut: mögliche Variablen• Objekt: nach Konstruktionsplan gebaute
Einheit
TypoScript: Syntax
• Links: Objekte und Attribute• Rechts: Zuweisung von Werten
• Objekt.Unterobjekt.Attribut = Wert oder• Objekt.Attribut = Wert
Objekt wird erzeugt, Klasse zugewiesen
lib.meinAuto = AUTO
Eigenschaft wird definiert
lib.meinAuto.farbe = #FF0000
Objekterweiterung & Klasse
lib.meinAuto.10 = MOTOR
Eigenschaft wird definiert
lib.meinAuto.10.typ = diesel
• Zugelassene Zeichen in Objektpfaden:– A bis Z; a bis z– 0 bis 9– „-“ und „_“– „.“ als Verbindung zwischen Objekt, Unterobjekt
und Attribut
• Kommentare:– # einzeiliger Kommentar– /* Mehrzeilige Kommentare */