History

TYPOlight Template Design

Eine verständliche Anleitung für das TYPOlight Template Design unter Einsatz der zur Verfügung stehenden Template Variablen. Auf die Nutzung des TYPOlight-eigenen CSS Frameworks wird hier nicht eingegangen. Vielleicht entsteht hierzu aber noch ein Tutorial.

Wer ein eigenes Template erstellen möchte, sollte sich zuerst einmal die von TYPOlight vorgegebene Standardlayoutvorlage (fe_page.tpl) besorgen. Diese findet man im Verzeichnis /system/modules/frontend/templates/ der Installation. Diese Datei kopiert man dann in das /templates Verzeichnis. Idealerweise benennt man diese um - z.B. in fe_meineseite.tpl.

Im Folgenden einmal eine Aufstellung über die gebräuchlichen Variablen, die in dem Template verwendet werden können:

Eine Übersicht über alle in einem Template verfügbaren Variablen gibt folgende Funktion aus: <?php $this->showTemplateVars(); ?>

  • <?php echo $this->doctype; ?> Liefert den Doctype der Website
  • <?php echo $this->language; ?> Liefert das Sprachkürzel, z.B. de
  • <?php echo $this->base; ?> Liefert die Basis URL der Website
  • <?php echo $this->pageTitle; ?> Liefert den Titel des Webprojektes
  • <?php echo $this->title; ?> Liefert den Titel der aktuellen Seite
  • <?php echo $this->charset; ?> Liefert den Charset der Website z.B. UTF-8
  • <?php echo $this->stylesheets; ?> Liefert die aktiven Stylesheets
  • <?php echo $this->description; ?> Liefert die Beschreibung der Seite (für META Angaben)
  • <?php echo $this->keywords; ?> Liefert die Keywords (für META Angaben)
  • <?php echo $this->robots; ?> Liefert bei entsprechender Markierung im jeweiligen Artikel das META index, nofollow

Möchte man das index, follow Tag eingebunden haben, lässt sich dies mit dem folgenden Code lösen:

1 <?php if ($this->robots): ?>
2   <?php echo $this->robots; ?>
3 <?php else: ?>
4   <meta name="robots" content="index,follow" />
5 <?php endif; ?>
  • <?php echo $this->head; ?> Liefert die weiteren HEAD Angaben aus TL
  • <?php echo $this->onload; ?>

Standardelemente

Die Standardelemente von TL werden mit folgendem Code ins Template gestellt

  • <?php echo $this->header; ?>
  • <?php echo $this->left; ?>
  • <?php echo $this->right; ?>
  • <?php echo $this->main; ?>
  • <?php echo $this->footer; ?>

Sollte man eigene Elemente einfügen wollen, werden diese mit diesem Code in das Template eingefügt:
Wichtig! Diese müssen im Backend explizit angegeben werden, damit sie zur Verfügung stehen.

1 <?php echo $this->getCustomSection('top_info_right'); ?>

Also available in: HTML TXT