|
 Eine Sammlung von Typoscript Schnipseln für gängige Problemstellungen beim Erstellen einer Webseite mit dem Content Management System Typo3.
Allgemeine Typoscript Schnipsel
Favicon für eine Typo3 Seite definieren
Typo3 bietet über eine Typoscript Direktive die Möglichkeit, ein Favicon in die Seite einzubinden:
page.shortcutIcon = fileadmin/template/images/favicon.ico
Zum Erstellen eines geeigneten ICO-Datei bietet sich beispielsweise der Favicon-Generator von Chami an, mit dem sich GIF-Dateien online einfach in das ICO Format umwandeln lassen.
Javascript Dateien in das Template einbinden
Da der Head-Bereich der Seite von Typo3 automatisch erzeugt wird, können Javascript-Dateien nicht einfach über das HTML-Template eingebunden werden. Typo3 bietet über Typoscript-Befehle hingegen die Möglichkeit, die Einbindung im Template Setup zu definieren:
page.headerData.100 = TEXT
page.headerData.100.value = script type="text/javascript" src="test.js"></script
page.headerData.100.wrap = <|>
Falls es notwendig sein sollte, dass mehrere Javascript-Dateien eingebunden werden müssen, lässt sich diese Definition mit page.headerData.101 usw. wiederholen.
Browserweiche für CSS Dateien
Gelegentlich ist es notwendig, für verschiedene Browser unterschiedliche CSS Dateien einzubinden. Typo3 bietet für diese Fälle die Möglichkeit, in Typoscript den Browser Browsers abzufragen:
page.stylesheet = fileadmin/template/style.css
[browser = msie]
page.includeCSS {
file2 = fileadmin/template/style_ie.css
file2.media = screen
}
[GLOBAL]
In diesem Fall wird die CSS Datei style.css immer geladen. Lediglich wenn die Seite im Internet Explorer aufgerufen wird, bindet Typo3 zusätzlich auch die Datei style_ie.css ein.
Schnipsel für die Navigation
Seiten aus einer Navigation ausschließen mit excludeUidList
Auf Seiten mit mehreren Navigationselementen (Beispielsweise einem Header Menü oben rechts, einer Hauptnavigation links und einem Footer Menü unten) wird es vorkommen, dass man Seiten wie eine Sitemap, ein Kontaktformular oder die Suchseite zwar im Seitenbaum auf der ersten Navigationsebene anlegen will, aber diese nicht in der Hauptnavigation angezeigt haben möchte sondern im Header bzw. im Footer verlinken möchte:
Typoscript bietet mit der Direktive excludeUidList die Möglichkeit, gezielt einzelne Seiten anhand der PID aus einer Navigation auszuschließen:
temp.menu = HMENU
temp.menu.excludeUidList = 17, 18
Die PID einer Seite lässt sich einfach ermitteln, indem man den Mauszeiger im Seitenbaum über das Icon der betreffenden Seite bewegt:
Seiten für eine Navigation manuell auswählen
Für eine zusätzliche Navigation im Header oder Footer der Seite wird man in aller Regel nur bestimmte Seiten auswählen wollen. So wird beispielsweise im Header das Impressum, das Kontaktformular und die Suche verlinkt sein.
Typo3 bietet für diesen Anwendungsfall den Navigationstyp List, bei dem sich über die Direktive value die PIDs der gewünschten Seiten angeben lassen:
temp.headermenue = HMENU
temp.headermenue.special = list
temp.headermenue.special.value = 17, 9, 29
Die PID einer Seite lässt sich einfach ermitteln, indem man den Mauszeiger im Seitenbaum über das Icon der betreffenden Seite bewegt:
Trackback(0)
 |
Webseiten Tutorials 
TrackBack URI für diesen Eintrag
