Diese Seite drucken

Die CMSms-Tags in den Templates

Im folgenden werden die speziellen CMSms-Tags, die in den mitgelieferten Templates Verwendung finden, näher vorgestellt. Ansonsten bestehen die Templates für CMS made simple aus purem XHTML. Weitere Informationen finden Sie in der Dokumentation(external link).

Seitentitel

<title>{sitename} - {title}</title>

Für jede Seite, die dieses Template verwendet, wird {sitename} mit dem Namen der Seite ersetzt, der in der Administration im Menü "Administrator -> Globale Einstellungen" festgelegt wurde. {title} wird vom Titel der Seite ersetzt, der bei Erstellung bzw. Bearbeitung der jeweiligen Seite eingegeben wurde.

Weitere Informationen über die Tags {sitename} und {title} erhalten Sie in der Administration über deren 'Hilfe'-Link im Menü "Erweiterungen -> Tags".

Metadaten

{metadata}

Dieser Tag fügt Ihrer Seite beliebige Metadaten hinzu. Diese können zum einen allgemein für die gesamte Webseite über die Administration, Menü "Administrator -> Globale Einstellungen" und zum anderen spezifisch für jede einzelne Seite über den Reiter "Optionen" bei der Erstellung/Bearbeitung einer Seite festgelegt werden.

Mit diesem Tag wird aber auch das Wurzelverzeichnis bei Verwendung von PrettyURLs festgelegt. Wenn Sie diese Funktionalität von CMS made simple auf Ihrer Webseite einsetzen, sollten Sie diesen Tag nicht entfernen!

Weitere Informationen über den Tag {metadata} erhalten Sie in der Administration über dessen 'Hilfe'-Link im Menü "Erweiterungen -> Tags".

Stylesheets

{stylesheet}

Mit diesem Tag werden alle Stylesheets, die diesem Template zugeordnet wurden, automatisch mit der aktuellen Seite verlinkt.

Weitere Informationen über den Tag {stylesheet} erhalten Sie in der Administration über dessen 'Hilfe'-Link im Menü "Erweiterungen -> Tags".

Relationale Links

{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}

Dies sind sogenannte relationale Links zwischen den Seiten, welche für die Barrierefreiheit und die Suchmaschinenoptiomierung eine große Rolle spielen.

Weitere Informationen über den Tag {cms_selflink} erhalten Sie in der Administration über dessen 'Hilfe'-Link im Menü "Erweiterungen -> Tags".

Seitenbreite im Internet Explorer

{literal}
<script type="text/JavaScript">
<!--
//pass min and max -measured against window width
function P7_MinMaxW(a,b){
var nw="auto",w=document.documentElement.clientWidth;
if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</script>
<!--[if lte IE 6]>
<style type="text/css">
#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>
<![endif]-->
{/literal}

Der {literal}-Tag ist kein echter Tag. Er vielmehr wird verwendet, um Javascript in ein CMSms-Template einzufügen.

Die mitgelieferten Mustertemplates verwenden eine variable Seitenbreite. Aber der Internet Explorer (IE) versteht die CSS-Parameter min-width und max-width nicht, so dass dieser Wert hier mit einem Javascript gesetzt wird. Für alle anderen Browser wird die Seitenbreite in den Stylesheets festgelegt, deren Namen mit "Layout: ..." beginnen.

Sprung-Links für die Barrierefreiheit

{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}

Anker-Links (= Links auf einen Anker der selben Seite) werden mit dem {anchor}-Tag eingefügt. In den mitgelieferten Mustertemplates wird dies für Sprung-Links eingesetzt; das heisst, die Links sind für Screenreader sichtbar, werden aber für visuelle Browser über CSS versteckt.

Weitere Informationen über den Tag {anchor} erhalten Sie in der Administration über dessen 'Hilfe'-Link im Menü "Erweiterungen -> Tags".

Kopfbereich mit dem Logo, welches auf die Standardseite verlinkt

{cms_selflink dir="start" text="$sitename"}

Der <h1>-Tag, welcher durch CSS versteckt wird, enthält einen Link auf die Seite, die als Standardseite (= erste angezeigte Seite der Webseite) ausgewählt wurde. Dafür wurde der Parameter dir="start" des {cms_selflink}-Tags verwendet. Der Name der Seite wurde der Variablen $sitename entnommen.

Weitere Informationen über den Tag {cms_selflink} erhalten Sie in der Administration über dessen 'Hilfe'-Link im Menü "Erweiterungen -> Tags".

Suche

{search}

Um auf Ihrer Seite ein Suchformular einzubinden, müssen Sie einfach nur den {search}-Tag aufrufen. Die Suche ist derzeit ein Modul und wird normalerweise als Parameter des {cms_module}-Tags aufgerufen, also so: {cms_module module='search'}. Aber zur Vereinfachung haben wir einen Tag erstellt, der die Anfrage an das Modul weiterleitet und an den man sich einfacher erinnert.

Weitere Informationen über das Such-Modul erhalten Sie in der Administration über dessen 'Hilfe'-Link im Menü "Erweiterungen -> Module".

Brotkrumen-Navigation

{breadcrumbs starttext='You are here' root='Home' delimiter='»'}

Die Brotkrumen-Navigation zeigt den Pfad zur aktuellen Seite an. In den mitgelieferten Mustertemplates wird der Text 'You are here' vor dem Pfad angezeigt. Der Ursprung des Pfades wurde auf die Seite 'Home' gesetzt, auch, wenn diese Seite nicht existiert. Mit dem Parameter delimiter können Sie das Zeichen auswählen, mit dem die einzelnen Einträge des Pfades voneinander getrennt werden sollen.

Weitere Informationen über den Tag {breadcrumbs} erhalten Sie in der Administration über dessen 'Hilfe'-Link im Menü "Erweiterungen -> Tags".

Navigation

{menu template='simple navigation.tpl' collapse='1'}

Damit wird das Menü genau dort eingefügt, wo Sie es haben möchten. Da auch der MenüManager ein Modul ist, dient der Tag genau wie der {search}-Tag nur dazu, die Anfragen zu vereinfachen und leitet sie an das Modul weiter.

Die in den mitgelieferten Muster-Templates verwendeten MenüManager-Templates sind in Dateien gespeichert. Deswegen finden Sie auch die Endung .tpl im template-Parameter. Sie können aber die MenüManager-Templates auch einfach in die Datenbank importieren und können Sie dann direkt über die Administration bearbeiten. In diesem Fall lassen Sie beim Aufruf einfach die Endung .tpl im template-Parameter weg.

Weitere Informationen über das MenüManager-Modul erhalten Sie in der Administration über dessen 'Hilfe'-Link im Menü "Erweiterungen -> Module".

News

{news limit=3 detailpage='news'}

Mit diesem Tag werden die drei letzten News-Artikel angezeigt. Wenn Sie auf einen News-Artikel klicken, um die Details zu lesen, wird der Artikel auf einer Seite mit dem Alias 'news' angezeigt. Dies wird durch den Parameter detailpage bewirkt.

Wie bei allen mitgelieferten Modulen existiert auch für dieses ein spezieller Tag, um die Verwendung zu vereinfachen.

Weitere Informationen über das News-Modul erhalten Sie in der Administration über dessen 'Hilfe'-Link im Menü "Erweiterungen -> Module".

Drucksymbol

{print showbutton=true script=true}

Der {print}-Tag wird verwendet, um auf der Seite einen Link für deren Ausdruck einzufügen. Setzt man den Parameter showbutton auf true, wird anstatt des Textlinks ein Drucksymbol angezeigt. Wenn der Parameter script auf true gesetzt wird, öffnet sich nach dem Klick sofort der Dialog zum sofortigen Druck der Seite.

Mit dem {print}-Tag wird nur der gesamte Inhalt des {content}-Tags ausgedruckt, nicht die gesamte Seite.

Weitere Informationen über den Tag {print} erhalten Sie in der Administration über dessen 'Hilfe'-Link im Menü "Erweiterungen -> Tags".

Seiteninhalt

<h2>{title}</h2>
{content}

Dies ist wahrscheinlich der wichtigste Tag in Ihrem Template. An der Stelle, wo der {content}-Tag eingefügt wird, erscheint bei Aufruf der Seite dessen Inhalt.

Desweiteren haben wir den {title}-Tag auf jeder Seite eingefügt, so dass Sie dies nicht auf jeder Seite im Content-Bereich tun müssen.

Weitere Informationen über die Tags {content} und {title} erhalten Sie in der Administration über dessen 'Hilfe'-Link im Menü "Erweiterungen -> Tags".

Vorheriger/Nächster Link

{anchor anchor='main' text='^ Top'}
{cms_selflink dir="previous" label="Previous page: "}
{cms_selflink dir="next"}

Dies sind einige weitere interne Links. Sie verwenden den Parameter dir, um auf die vorherige (previous) und nächste (next) Seite in der Seitenhierarchie zu verlinken (Separatoren und SectionHeader werden weggelassen, da dies keine echten Seiten sind).

Page footer

{global_content name='footer'}

Anstatt Ihr Template mit Unmengen Code aufzublähen, können Sie diesen in sogenannte Globale Inhaltsblöcke auslagern. Diese Globalen Inhaltsblöcke werden dann mit dem {global_content}-Tag aufgerufen. Dies ist äußerst nützlich, wenn bestimmte Inhalte mehrfach auf verschiedenen Seiten oder in verschiedenen Templates angezeigt werden sollen.

In den mitgelieferten Muster-Templates wird der Text im Fußbereich der Seite über einen Globalen Inhaltsblock mit dem Namen 'footer' eingefügt. Globale Inhaltsblöcke können in der Administration über das Menü "Inhalte -> Globale Inhaltsblöcke" erstellt werden.

Weitere Informationen über den Tag {global_content} erhalten Sie in der Administration über dessen 'Hilfe'-Link im Menü "Erweiterungen -> Tags".