von Gerhard Rasi,
online veröffentlicht am 05.12.2007
Twittern 0 Teilen 0

Die ersten TypoScript-Schritte für das eigene Frontend: Freie Templates in TYPO3 einbinden

Aus dem
t3n Magazin Nr. 10

Der Aufbruch in Richtung einer eigenen TYPO3-Website scheitert oft am ersten Kontakt mit TypoScript. Doch TypoScript wird benötigt, vor allem, um die optischen Grundlagen mit einem Template zu erstellen. Hat man diese Schwierigkeit erst einmal gemeistert, sind die Stärken von TYPO3 schnell zu erkennen. Deshalb soll dieser Workshop helfen, die Einstiegshürde leichter zu nehmen: Es soll ein freies Template per TypoScript eingebunden werden.

Sicherlich sind Geschmackssache, doch soll dem Einstieg an dieser Stelle das Template Logistix von der Website freecsstemplates.org [1] dienen. Es handelt sich dabei wie bei den meisten Templates von der Seite um eine Vorlage für WordPress, deshalb muss es zunächst speziell für verändert werden. Eine fertig angepasste Version können Sie allerdings von der Website des Autors herunterladen [2]. Voraussetzung für alles Weitere ist eine bestehende TYPO3-Installation. Eine Anleitung finden Sie ebenfalls im Internet [3]. Für die ersten Versuche sehr zu empfehlen ist auch ein „Webserver on Stick“ (WOS) [4], der einfach und schnell startklar ist, ohne dass erst MySQL und PHP installiert werden müssen. Die TYPO3-Installation vorausgesetzt, erstellen Sie zunächst einen Ordner namens „templates“ im Ordner „fileadmin“. Und nach dem Download der Datei „TPL_logistix.zip“ wird sie in den Ordner „fileadmin/templates/“ entpackt. Anschließend loggen Sie sich ins Backend ein.

Der Import des Templates in TYPO3

Für den Import des Templates klicken Sie einmal auf die kleine Weltkugel bei „New TYPO3 Site“ und wählen „Importieren aus .t3d“ aus. Danach wechseln Sie auf den Reiter „Upload“, klicken auf „Durchsuchen...“ und wählen die Datei „logistix.t3d“ im Ordner „fileadmin\templates\“. Klicken Sie auf den Button „Upload“, wonach die zu importierende Struktur unten angezeigt wird. Wechseln Sie auf den Reiter „Import“, aktivieren „ALLE UID Werte erzwingen“ und klicken auf den Button „Import“. Die anschließende Abfrage bestätigen Sie mit „OK“.

Seite:  1 2 3 4 5