Anschließend markieren Sie die Seite „root“ im Seitenbaum und klicken oben auf die Lupe „Webseite anzeigen“. Die Webseite sollte jetzt in der Vorschau angezeigt werden.

Das Template erweitern und anpassen

Nun soll das Template so erweitert werden, dass im Header der linke Titel „logistix“ durch den „Sitetitle“ aus dem Template „NEW SITE“ ersetzt wird. So kann er bequem im Backend geändert werden. Der Slogan im rechten Template-Bereich soll durch die Menüuntertitel und, wenn es sie nicht gibt, durch den Titel ersetzt werden. Dazu editieren Sie die HTML-Vorlage „index.html“, die im Ordner „fileadmin/templates/logistix/“ liegt und ersetzen die statischen Titel durch subparts Marker. Die Texte werden später beim Rendern durch TYPO3 ersetzt.

Das Template Logistix von freecsstemplate ist hier noch völlig unverändert.

<div id="header">
 <h1><!-- ###SITETITLE### -->Logistix<!-- ###SITETITLE### --></h1>
 <h2><!-- ###TITEL### -->By Free CSS Templates<!-- ###TITEL### --></h2>
</div>
<!-- end #header -->

Jetzt müssen Sie den Subparts noch das „Content Object Array“ (COA) übergeben, das sich in der „config.txt“ befindet. Außerdem muss im Backend der gewünschte Titel erfasst werden. Dazu editieren Sie die Datei „setup.txt“, die sich im Ordner „fileadmin/templates/logistix/typoscript/“ befindet, und fügen den subparts einen „SITETITLE“ hinzu.

 subparts.TITEL = TEXT
 subparts.TITEL.field = subtitle//title
 subparts.SITETITLE < temp.siteTitle

Markieren Sie im Backend die Seite „root“, wählen im Menü „Web“ den untersten Menüpunkt „Template“ und editieren den Sitetitle. Dazu klicken Sie auf den Stift und tragen zum Beispiel den Webseitentitel „Logistix Workshop“ ein. Klicken Sie abschließend auf den Button „Update“.