Templates
Ein Template enthält das HTML-Grundgerüst, die
benötigten Stylesheets (CSS), evtl. vorhandene global gültige
Javascript- Scripte, und die Platzhalter um Inhalts- und
Navigationsblöcke einzufügen. Es liegt im Ordner "templates" im
Grundverzeichnis einer Website. Es muss einen eindeutigen Bezeichner
(ASCII) erhalten.
Das HTML-Grundgerüst (eine reine HTML-Datei)
muss zwingend im Unterordner "tpl" des Templates liegen, den Namen
"template" und die Endung ".tpl" haben. Es sollte außerdem eine
"meta.xml.php" Datei enthalten die Auskunft über Platzhalter, DOM-Ids, Name, Autor, Copyright
etc. gibt. Siehe Plugins. Diese Datei muss ebenfalls im "tpl"-Ordner des Templates liegen.
Beispiel:
Templatename/tpl/template.tpl
Templatename/tpl/meta.xml.php
Alle anderen Dateien des Templates können frei (möglichst innerhalb seiner Ordnerstruktur) platziert werden.
Beispiel für die "content.css"-Datei:
templates/Templatename/css/content.css
WYSIWYG
CSS-Dateien deren Dateiname "content" enthält werden beim Bearbeiten von Inhalten in den Editor geladen und sorgen so für die Umsetzung des WYSIWYG-Konzepts.
Bearbeiten eines Templates
Achtung
zum derzeitigen Stand sollten WYSIWYG-Arbeiten an Templates nur mit gecko- (Mozilla)
basierenden Browsern durchgeführt werden, da alle anderen die dazu
nötigen Standards nicht oder nur unzureichend beherschen! Sonst sollte ein einfacher Texteditor benutzt werden.
Ein Template kann von Administratoren mit den entsprechenden Rechten im WYSIWYG-Editor bearbeitet werden. Dabei ist auf die entsprechenden Platzhalter zu achten.
CSS-Dateien kann man mit dem entsprechenden CSS-Editor bearbeiten. Den Dialog dafür startet man indem man den im Templatemodus zusätzlich erscheinenden Icon drückt. Alle ins Template geladenen CSS und Javascriptdateien werden hier aufgeführt und können, die entsprechenden Browserfähigkeiten vorausgesetzt, bearbeitet werden.
Beispiel-Template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{PAGETITLE}</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<!--textrinum meta tags -->
<meta name="robots" content="index,follow" />
<meta name="revisit-after" content="7 days" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link href="templates/Standard/css/content.css" rel="stylesheet" type="text/css" />
<link href="templates/Standard/css/design.css" rel="stylesheet" type="text/css" />
<link href="templates/Standard/css/design_navi.css" rel="stylesheet" type="text/css" />
<link href="templates/Standard/css/print.css" rel="stylesheet" type="text/css" media="print" />
<link rel="stylesheet" href="templates/Standard/css/ie_fixes.css" />
<script type="text/javascript" src="templates/Standard/js/user_translator.js"></script>
</head>
<body>
<div id="wrapper">
<div id="centerwrapper">
<div align="right" id="header">
<img border="0" src="templates/Standard/img/head.gif" style="position: absolute; top: 0pt; left: 0pt;" alt="" />
<a href="http://www.textrinum.org"><img border="0" src="templates/Standard/img/textrinum_logo.gif" alt="" /></a>
</div>
<div align="right" id="firstlevelnavi">{firstlevelnavigation}
</div>
<div id="maincontent">
<div id="col2andcol1">
<div id="maincolumn">
{main_content} 
</div>
<div id="leftside">
<a name="Navigation"></a>
{secondlevelnavigation}
<div id="left_edit_content">{left_content}</div>
</div>
</div>
<div id="rightside">
{right_content}
</div>
</div>
<div id="footer"> </div>
</div>
</div>
</body>
</html>