Entwicklung & Design

Teil 2: Flexible Templates mit TemplaVoilà: TYPO3 Templates mit YAML

Ist TypoScript inzwischen ein alter Hut und „zaubert“ man Websites heutzutage interaktiv mit der Maus? Leider ist das auch mit TemplaVoilà nicht möglich. Hat man aber das Konzept verstanden, wird die Template Erstellung mit TYPO3 sehr flexibel und schnell. Nachdem in der letzten Ausgabe beschrieben wurde, wie YAML mit Hilfe des Template-Autoparsers in TYPO3 integriert wird, kommt in Teil 2 TemplaVoilà zum Einsatz.

TYPO3-Templates können mit dem Autoparser oder gar „zu Fuß“ nur mit TypoScript erstellt werden. Doch es gibt mehrere Gründe dafür, den klassischen Weg zu verlassen. Manchen ist Typo­Script zu kompliziert oder zu abstrakt und unhandlich. Andere wünschen sich mehr Flexibilität und möchten den Redakteuren ihrer Website ein einfacheres Interface zur Verfügung stellen. Letztere finden mit TemplaVoilà [1] was sie suchen. Aber selbst wenn es zunächst so aussieht, als könne man mit TemplaVoilà eine
Website „zusammen klicken“, stellt sich schnell heraus,
dass es doch nicht ganz so einfach ist und dass Typo­Script keineswegs ausgedient hat. Ein guter Einstieg ins Thema ist der Podcast von Kasper Skårhøj. In einem einstündigen Film wird eine komplette Website erstellt [2] (bei Problemen beim Abspielen hilft der kostenlose VLC Media Player [3] ). Hier wird nun das Template „YAML für TemplaVoilà“ erläutert sowie die Integration in TYPO3, womit die interaktive Gestaltung per Mausklick ein Stück näher rückt. Das Template kann kostenlos herunter geladen werden [4]. Unter derselben Adresse findet sich auch eine detaillierte Beschreibung zum Umgang mit YAML. Im Artikel aus Platzgründen weggelassene Details werden ebenfalls behandelt. Weitere Fragen können gerne im Forum [5] gestellt werden.

Der Template Zauberer hat heute frei

Auch wenn es zunächst einfacher wäre, kommt der TemplaVoilà-Wizard hier nicht zur Verwendung, denn er legt neben der Seitenstruktur auch Inhalte an, die nicht benötigt werden. Außerdem hilft es enorm, ein Verständnis dafür zu entwickeln, was man gerade tut. Der Lerneffekt ist deutlich größer, wenn alle erforderlichen Schritte selbst durchgeführt werden.

Die Rootpage ist ein Shortcut zur Seite Home und enthält das Main Template. Template Storage speichert später wie gewohnt den TypoScript-Code für die einzelnen Elemente (Menüs, Header, Footer usw.). Die TemplaVoilà Datenstruktur (DS) und die Template-Objekte (TO) befinden sich im Storage Folder. Sie werden automatisch dort abgelegt, weil er in der Rootpage als „Allgemeine Datensatzsammlung“ ausgewählt wurde.

Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Schreib den ersten Kommentar!

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!

Hey du! Schön, dass du hier bist. 😊

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team bestehend aus 65 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Danke für deine Unterstützung.

Digitales High Five,
Stephan Dörner (Chefredakteur t3n.de) & das gesamte t3n-Team

Anleitung zur Deaktivierung