Templates

Um festzulegen, wie jede Seite Ihrer Homepage aussehen soll, muss der Editor jeder Seite das zu verwendende Template zuordnen. Die konkrete Gestaltung dieser Templates ist Aufgabe des Designers.

Wie bereits im Kapitel Ich bin Designer erwähnt gibt das Template nur die Struktur einer Seite vor, also das, was in einer Seite enthalten sein soll. Über die Stylesheets kann diese Struktur so gestaltet werden, dass sie das von Ihnen gewünschte Aussehen hat.

Ok, wie erstelle ich ein Template für CMS made simple? Das ist ganz einfach. Sie verwenden pures HTML und fügen Platzhalter für den Inhalt, die Menüs usw. hinzu. Wenn dann ein User Ihre Seite besucht, wird die Seite automatisch generiert, indem die im Template enthaltenden Platzhalter mit den jeweiligen Inhalten gefüllt werden. Um zu verstehen, wie das funktioniert, lesen Sie bitte im Kapitel Die Templates anpassen weiter.

Das bedeutet, dass Sie irgend ein Layout einer Internetseite, die Ihnen gefällt, hernehmen und zum Template für Ihre mit CMS made simple erstellte Homepage umarbeiten können.

Häufig verwendete Tags in den CMS made simple Templates

Nachfolgend finden Sie eine Auflistung der häufig in einem Template verwendeten Platzhalter:

  • {title} - wird jeweils vom Titel der aktuellen Seite ersetzt (Der Titel muss beim Erstellen der Inhaltsseiten festgelegt werden).
  • {stylesheet} - muss zwischen den <head>-Tags eingefügt werden. Mit diesem Tag werden alle Stylesheets, die Sie Ihrem Template zugeordnet haben, mit der Seite verlinkt. Wenn Sie dies vergessen haben, wird Ihre Homepage ohne Styles angezeigt. Wenn Sie lieber externe Stylesheets verwenden möchten, können Sie dies im Header mit dem normalen <link/>-Tag tun.
  • {content} - Dieser Tag wird durch den echten Inhalt der ausgewählten Seite ersetzt. Das ist der Inhalt, den Sie in der Administration über das Menü Inhalt -> Seiten eingegeben haben.
  • {breadcrumbs} - wird ersetzt durch eine Anzeige des Pfades der ausgewählten Seite.
  • {bulletmenu} - Das ist eines der am häufigsten eingesetzten Menüs. Das komplette Menü wird automatisch von den eingegebenen Seiten erzeugt, wenn Sie diesen Platzhalter in Ihr Template einfügen. In Abhängigkeit, wie Sie dieses Menü anzeigen möchten, können auch weitere Parameter verwendet werden. Zum Beispiel können Sie mit dem Aufruf {bulletmenu collapse='1'} alle Untereinträge des Menüs zusammen falten, so dass die Untereinträge der aktuellen Menüeinträge nur nach einem Klick darauf angezeigt werden.
  • {cms_module module='cssmenu'} - Das ist eine weitere Menü-Alternative, ein Listenfeld-Menü, welches nur CSS für die Darstellung verwendet (für den Internet Explorer ist etwas JavaScript erforderlich). Das ist ein Beispiel, wie Sie ein Modul in Ihrem Template aufrufen können. Es kann auch noch eine ganze Reihe von Parametern verwenden. Diese erfahren Sie nach einem Klick auf den Hilfe-Link im Menü Erweiterungen -> Module.

Woher weiß ich, welche Platzhalter ich in einem Template verwenden kann?

Die möglichen Platzhalter sind zunächst alle in der Administration im Menü Erweiterungen zu finden. Das sind im einzelnen:

  • Die im Menü Module zu findenden Module werden wie folgt in ein Template eingefügt: {cms_module module='modulename'}. Weitere mögliche Parameter erfahren Sie in der jeweiligen Hilfe.
  • Im Menü Tags finden Sie eine lange Liste der aktuell verfügbaren Tags. Beispiele hierfür sind {title}, {stylesheet} und {bulletmenu}. Klicken Sie auf die jeweiligen Hilfe-Links, um zu erfahren, wie sie eingesetzt werden können.
  • Last, but not least können Sie eigene Benutzerdefinierte Tags erstellen. Fügen Sie diese mit {Name_des_benutzerdefinierten_Tags} in Ihr Template ein.


Für viele Tags und Module können Sie Parameter verwenden, was dann ungefähr so {tagname parameter='value'} erfolgt.

Die Zuordnung von Stylesheets

Um die Elemente Ihres Templates zu gestalten und die div-Elemente zu positionieren, können Sie Ihrem Template ein oder mehrere Stylesheets zuordnen. Dazu gehen Sie in der Administration in das Menü Layout -> Templates. Auf der dann erscheinenden Seite klicken Sie auf das CSS-Icon des gewünschten Templates. Wählen Sie aus dem Listenfeld aller verfügbaren Stylesheets jeweils die Stylesheets aus, die diesem Template zugeordnet werden sollen und klicken dann auf "Neues Stylesheet hinzufügen".



This page in: English - Deutsch - Español - Français - Italiano - Lietuvių - Nederlands - Norsk - Polski - Česky - Русский - Svenska - Tiếng Việt - عربي - 日本語 简体中文

User Handbook/Getting Started/Designer/Templates/de

From CMSMS

Arvixe - A CMSMS Partner