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:23] 127.0.0.1 Externe Bearbeitung |
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]]// | ||
+ | |||
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: | ||
- (X)HTML / CSS Template mit Dummytexten erstellen mit Beachtung von Suchmaschinenfreundlichkeit und Barrierefreiheit | - (X)HTML / CSS Template mit Dummytexten erstellen mit Beachtung von Suchmaschinenfreundlichkeit und Barrierefreiheit | ||
Zeile 31: | 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 54: | 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 122: | 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.