AW: Typo Template installiern
Also ich gehe in Typo3 auf "Web"->"Tamplate", klicke die oberste Seite an und auf "Create Template for a new site".
Unter Setup steht nun folgendes:
Code:
# Default PAGE object:
page = PAGE
page.10 = TEXT
page.10.value = HELLO WORLD!
Und im Webbrowser sollte dann auch "HELLO WORLD!" stehen!
Das Template gilt für diese Seite und alle darunter liegenden.
Damit man auch was anderes als "HELLO WORLD!" sieht, muss man noch die Textelemente der Seite aus der Datenbank in das Template einlesen.
Wie das geht findet sich auch in Tutorials oder man benutzt folgendes:
Code:
# Default PAGE object:
page = PAGE
page.10 < styles.content.get
Wichtig hierbei: "Click here to edit whole template record" anwählen und unter include "content(default)" hinzufügen.
Jetzt werden alle Textelemente der Seite angezeigt.
Ich mache meine Templates "hart codiert" und ohne "automatischen Schnick Schnack", weil ich nur so verstanden habe, wie Typo3 läuft und ich alle Design und Layoutwünsche integrieren konnte.
Hier ein Template für ein einfaches Layout:
Code:
page = PAGE
page.typeNum = 0
page.config.removeDefaultJS = 1
page.config.renderCharset = iso-8859-1
page.config.metaCharset = iso-8859-1
page.config.doctype = xhtml_strict
page.includeCSS {
file1 = fileadmin/template/main.css
file2 = fileadmin/template/text.css
}
config.sys_language_uid = 0
config.language = de
config.locale_all = german
config.typolinkLinkAccessRestrictedPages = NONE;
page.10 = TEMPLATE
page.10 {
noBlur = 1
template = FILE
template.file = fileadmin/template/main.html
workOnSubpart = DOCUMENT_BODY
subparts.MENU = HMENU
subparts.MENU.1 = TMENU
subparts.MENU.1 {
noBlur = 1
NO.stdWrap.htmlSpecialChars = 1
NO.stdWrap.wrap = <br /><span class="navi1text">|</span>
NO.linkWrap (
<div class="nav1">|</div>
)
}
subparts.MENU.2 = TMENU
subparts.MENU.2 {
noBlur = 1
NO.stdWrap.htmlSpecialChars = 1
NO.linkWrap (
|<br />
)
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap (
<span class="menu_ACT">|</span><br />
)
}
subparts.MENU.2.stdWrap.wrap (
<div class="navi2text">|</div>
)
subparts.MENU.3 = TMENU
subparts.MENU.3 {
noBlur = 1
NO.stdWrap.htmlSpecialChars = 1
NO.linkWrap (
|<br />
)
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap (
<span class="menu_ACT">|</span><br />
)
}
subparts.MENU.3.stdWrap.wrap (
<div class="navi3text">|</div>
)
subparts.CONTENT < styles.content.get
}
Hier ist jetzt eine Template-Html-Datei eingebunden und CSS-Dateien.
Das Design selbst, sitzt in der Template-Html-Datei und den CSS-Dateien.
Ich mache mir einfach eine Musterseite in HTML und CSS, dann ersetze ich alles, was Typo3 einfügen soll durch einen Marker.
In dem Tamplate fülle ich dann die Marker mit dem jeweiligen Inhalt aus.
Eigentlich total einfach
und hat nur nen halbes Jahr gedauert, bis auch der letzte Punkt auf dem i saß
Dafür kann man halt alles ganz genau einstellen:
Wie sollen die Inhalte geparst werden, was soll im TextEditor möglich sein und was nicht, und wie soll der parsen, usw. usw. Am Ende erhält man eine Webseite die automatisch Html-Strict validiert, sofern man nicht total schräge Dinge im Text Editor macht.