CMS Made Simple erklärt in deutscher Sprache

Hier erklären wir die Tags, die in den Standardvorlagen verwendet werden, die spezifisch für Vorlagen in CMS Made Simple sind. Der Rest der Vorlagen ist reines HTML. Sie können mehr darüber auf der Dokumentations-Website lesen.

Seitentitel

<title>{Seitenname} - {Titel}</title>

Für jede Seite, die diese Tags in einer Vorlage verwendet, werden die Tags durch den Seitennamen, den Sie in Site Admin " Globale Einstellungen angeben, und den Titel, den Sie beim Hinzufügen/Bearbeiten jeder Seite angeben, ersetzt.

Lesen Sie mehr über die {sitename} und {title} Tags unter Erweiterungen " Tags in der Verwaltungskonsole.
Metadaten

{metadata}

Dieses Tag fügt Ihrer Seite alle Metadaten hinzu, die Sie in Site Admin " Globale Einstellungen angegeben haben, sowie seitenbezogene Metadaten, die Sie auf der Registerkarte Optionen beim Hinzufügen/Bearbeiten einer Seite hinzufügen können.

Es wird auch verwendet, um den Basisordner für Ihre Website zu kennen, wenn Sie hübsche URLs verwenden. Entfernen Sie dies also nicht, wenn Sie Pretty URLs verwenden!

Lesen Sie mehr über das {metadata}-Tag unter Erweiterungen " Tags in der Verwaltungskonsole.
Stylesheets (veraltet)

{stylesheet}

Dieses Tag verlinkt auf alle Stylesheets (CSS), die Sie an eine Vorlage angehängt haben. Das bedeutet, dass Sie dieses Tag nur einmal hinzufügen müssen und alle angehängten Stylesheets automatisch verlinkt werden.

Lesen Sie mehr über das {stylesheet} Tag in Erweiterungen " Tags in der Administrationsleiste.
Stylesheets

{cms_stylesheet}

Dieses Tag ist die neuere Version des obigen Tags. Der Tag verlinkt auf alle Stylesheets (CSS), die Sie an eine Vorlage angehängt haben. Das bedeutet, dass Sie dieses Tag nur einmal hinzufügen müssen und alle angehängten Stylesheets automatisch verlinkt werden.

Mit dem neuen Tag können Sie Smarty-Variablen wie [[$red]] verwenden, um eine Farbe anzugeben, und eine Änderung wird diese im gesamten Layout ändern. Das neue Tag erfordert, dass [[root_url]]/ vor Bilder gesetzt wird, da die Stylesheets gecached werden.

Lesen Sie mehr über den {cms_stylesheet}-Tag unter Erweiterungen " Tags in der Verwaltungskonsole.

Relationale Links

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

Dies sind relationale Links für Verbindungen zwischen Seiten, was gut für die Zugänglichkeit und die Suchmaschinenoptimierung ist.

Lesen Sie mehr über den {cms_selflink}-Tag unter Erweiterungen " Tags in der Verwaltungskonsole.

Page width in Internet Explorer 6

{literal}<script type="text/JavaScript"><!--//pass min and max -measured against window widthfunction 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}

Dies ist eigentlich kein Tag, sondern zeigt, wie man JavaScript in eine CMSMS-Vorlage einfügt.

Die Standardvorlagen verwenden eine fließende Seitenbreite. Der Internet Explorer 6 versteht jedoch keine Mindest- und Höchstbreiten, so dass für diesen Browser die Mindest- und Höchstbreiten mit diesem JavaScript festgelegt werden. Bei anderen Browsern wird die Seitenbreite in den Stilvorlagen festgelegt, die mit "Layout ..." beginnen.

Überspringen Links  für Barrierefreiheit

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

Ankerlinks (Links zu einem Anker auf der gleichen Seite) werden mit dem Tag {anchor} eingefügt. In den Standardvorlagen wird dies für Skip-Links verwendet, die für Screenreader sichtbar sind, aber mit CSS für visuelle Browser ausgeblendet werden.

Lesen Sie mehr über den {anchor}-Tag unter Erweiterungen " Tags in der Verwaltungskonsole.

Kopfzeile mit Logobild, das auf die Standardseite verlinkt

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

In der Kopfzeile ist der <h1>-Tag (durch CSS ausgeblendet) ein Link zu der Seite, die als Standardseite ausgewählt ist. Hierfür wird der Parameter dir="start" im Tag {cms_selflink} verwendet. Um den Seitennamen als Text für den Link zu erhalten, wird die Variable $sitename verwendet.

Lesen Sie mehr über den {cms_selflink}-Tag in Erweiterungen " Tags in der Verwaltungskonsole.

Search

{search}

Um ein Suchformular in Ihre Website einzufügen, verwenden Sie einfach den {search}-Tag. Die Suche ist eigentlich ein Modul und sollte daher als Parameter im {cms_module}-Tag aufgerufen werden, etwa so: {cms_module module='search'}. Der Einfachheit halber haben wir jedoch ein Wrapper-Tag erstellt, damit es leichter zu merken ist.

Lesen Sie mehr über das Suchmodul unter Erweiterungen " Module in der Verwaltungskonsole.

Breadcrumbs

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

Breadcrumbs ist ein Pfad zur aktuellen Seite. In den Standardvorlagen haben wir den Text "Sie befinden sich hier" vor den Pfad gesetzt und erzwingen, dass "Home" immer die Wurzel des Pfades ist, auch wenn sie es nicht ist. Mit dem Parameter delimiter können Sie das Trennzeichen auswählen, das die Einträge im Pfad voneinander trennt.

Lesen Sie mehr über den {breadcrumbs} Tag in Erweiterungen " Tags in der Administrationsleiste.

Navigation

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

So fügen Sie ein Menü an der Stelle ein, an der es erscheinen soll. Wie der {search}-Tag ist dies eigentlich nur ein Wrapper-Tag, da der Menümanager ein Modul ist.

In den Standardvorlagen wird die Menümanager-Vorlage, die für die Menüs verwendet wird, in Dateien gespeichert. Deshalb sehen Sie die Erweiterung .tpl im Template-Parameter. Sie können aber ganz einfach Menüvorlagen in die Datenbank importieren und sie direkt im Admin Panel bearbeiten. Dann lassen Sie einfach die .tpl-Erweiterung im Template-Parameter weg.

Lesen Sie mehr über das Menü-Manager-Modul unter Erweiterungen " Module im Admin-Panel.

News (Nachrichten)

{news number='3' detailpage='news'}

Mit diesem Tag werden die letzten drei Nachrichtenartikel angezeigt. Wenn Sie auf einen Nachrichtenartikel klicken, um die Details zu lesen, wird er auf der Seite mit dem Seitenalias "news" geöffnet. Das ist es, was der Parameter detailpage bewirkt.

Wie für alle Kernmodule gibt es auch für das News-Modul ein Wrapper-Tag, um die Verwendung zu erleichtern.

Lesen Sie mehr über das News-Modul-Tag unter Erweiterungen " News im Admin-Panel.

Print Button

{print showbutton=true script=true}

Der {print}-Tag wird verwendet, um einen Druck-Link einzufügen. Mit dem Parameter showbutton, der auf true gesetzt ist, haben wir das Tag angewiesen, eine Schaltfläche anstelle von Text auszugeben. Wenn der Parameter script auf true gesetzt ist, öffnet sich das Druckdialogfenster beim Anklicken der Schaltfläche, so dass sofort gedruckt werden kann.

Der {print}-Tag druckt alles aus, was in Ihrem {content}-Tag steht, also nur den Inhalt einer Seite.

Lesen Sie mehr über den {print}-Tag unter Erweiterungen " Tags in der Verwaltungskonsole.

Page content (Seiten Inhalt)

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

Vielleicht der wichtigste Tag in Ihrer Vorlage. An der Stelle, an der Sie den {content} setzen, wird der Inhalt Ihrer Seite erscheinen.

Wir haben uns außerdem dafür entschieden, den Seitentitel auf jeder Seite zu platzieren (das {title}-Tag), so dass Sie ihn nicht in den Inhalt jeder Seite einfügen müssen.

Das Standard-Tag {content} ist für alle Vorlagen erforderlich.

Lesen Sie mehr über die {content} und {title} Tags unter Erweiterungen " Tags in der Verwaltungskonsole.

Vorherige/Nächste Links

{anchor anchor='main' text='^ Top'}{cms_selflink dir="previous"}{cms_selflink dir="next"}