Hier werden die Unterschiede zwischen zwei Versionen gezeigt.
| Both sides previous revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
|
software:typo3:templates [2012/10/11 10:53] khopf [Typo3: Einbinden von Templates] |
software:typo3:templates [2013/01/06 00:03] (aktuell) khopf [Beispiel TypoScript-Layout-Setup] Inkonsistenz |
||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| ====== Typo3: Einbinden von Templates ====== | ====== Typo3: Einbinden von Templates ====== | ||
| - | //<--Zurück zu [[software:typo3]]// | + | //<- Zurück zu [[software:typo3]]// |
| Typo3 ist ein sehr mächtiges CMS-System, das für sehr unterschiedliche Einsatzbereiche verwendbar ist, weshalb die Konfiguration manchmal recht kompliziert werden kann. Folgende Schritte sind für das Installieren eines Templates notwendig: | Typo3 ist ein sehr mächtiges CMS-System, das für sehr unterschiedliche Einsatzbereiche verwendbar ist, weshalb die Konfiguration manchmal recht kompliziert werden kann. Folgende Schritte sind für das Installieren eines Templates notwendig: | ||
| Zeile 33: | Zeile 33: | ||
| * Die Marker können entweder direkt im Dokument stehen oder in einer Kommentarumgebung, was außen herum im Kommentar steht ist nicht relevant. So ist ''<!-- ###MARKER### -->'' gleichbedeutend mit ''<!-- Toller ###MARKER### beginnt -->'' | * Die Marker können entweder direkt im Dokument stehen oder in einer Kommentarumgebung, was außen herum im Kommentar steht ist nicht relevant. So ist ''<!-- ###MARKER### -->'' gleichbedeutend mit ''<!-- Toller ###MARKER### beginnt -->'' | ||
| ===== Beispiel TypoScript-Layout-Setup ===== | ===== Beispiel TypoScript-Layout-Setup ===== | ||
| + | Generelle Einstellungen: | ||
| + | |||
| <code typoscript> | <code typoscript> | ||
| + | # general configuration | ||
| + | ####################### | ||
| + | config { | ||
| + | # Ausgabe von XHTML aktivieren | ||
| + | xhtml_cleaning = all | ||
| + | |||
| + | # set doctype to XHTML 1.0 strict | ||
| + | doctype = xhtml_strict | ||
| + | |||
| + | # set site language | ||
| + | language = de | ||
| + | |||
| + | # enable admin panel | ||
| + | admPanel = 1 | ||
| + | |||
| + | # Spam Protection | ||
| + | spamProtectEmailAddresses = 2 | ||
| + | spamProtectEmailAddresses_atSubst = (at) | ||
| + | |||
| + | index_enable = 1 | ||
| + | } | ||
| + | |||
| + | # format popup for pictures | ||
| + | tt_content.textpic.20{ | ||
| + | 1.imageLinkWrap = 1 | ||
| + | 1.imageLinkWrap { | ||
| + | enable = 1 | ||
| + | bodyTag = <BODY bgColor=white leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> | ||
| + | wrap = <A href="javascript:close();"> | </A> | ||
| + | JSwindow = 1 | ||
| + | JSwindow.newWindow = 1 | ||
| + | JSwindow.expand = 0,0 | ||
| + | } | ||
| + | } | ||
| + | |||
| + | tt_content.image.20 { | ||
| + | 1.imageLinkWrap = 1 | ||
| + | 1.imageLinkWrap { | ||
| + | enable = 1 | ||
| + | bodyTag = <BODY bgColor=white leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> | ||
| + | wrap = <A href="javascript:close();"> | </A> | ||
| + | JSwindow = 1 | ||
| + | JSwindow.newWindow = 1 | ||
| + | JSwindow.expand = 0,0 | ||
| + | } | ||
| + | } | ||
| + | </code> | ||
| + | |||
| + | Das eigentliche Template: | ||
| + | |||
| + | <code typoscript> | ||
| # create PAGE-Objekt | # create PAGE-Objekt | ||
| #################### | #################### | ||
| page = PAGE | page = PAGE | ||
| + | |||
| #CSS einbinden | #CSS einbinden | ||
| Zeile 56: | Zeile 110: | ||
| #create unordered list menu | #create unordered list menu | ||
| | | ||
| - | temp.LeftMenu = HMENU | + | temp.TopMenu = HMENU |
| - | temp.LeftMenu { | + | temp.TopMenu { |
| # first level | # first level | ||
| 1 = TMENU | 1 = TMENU | ||
| Zeile 124: | Zeile 178: | ||
| * [[software:typo3:tt_news]] | * [[software:typo3:tt_news]] | ||
| + | |||
| + | {{tag>typo3 template}} | ||
Bei Verwendung dieses Wikis erklären Sie sich mit dem Haftungsausschluss, Nutzungsbedingungen und der Datenschutzerklärung dieses Wikis einverstanden. Impressum.