Suche

Layouts beinhalten das HTML Grundgerüst der späteren Website. Sie müssen den fertigen HTML-Code, der entweder manuell oder mit einem speziellen Programm entwickelt wurde, in ein neues Layout einfügen (s. "HTML Gerüst erstellen" und "Layout erstellen"). Eine Website kann mehrere Layouts in verschiedenen Templates benutzen.

Um später bei den Templates diesem Layout die Module hinzufügen zu können, müssen Sie im HTML-Code TAGs - die so genannten Container - an den Stellen setzen, an denen später ein Modul eingefügt werden soll. Bei der Einrichtung eines Templates können Sie entscheiden, ob für ein Template alle möglichen, bzw. vorgesehenen Container verwendet werden sollen. So können mit einem Layout viele verschiedene Templates erstellt werden. In einem Template kann ein Container für den Content und in einem anderen Template der gleiche Container für ein Kontaktformular verwendet werden.

Die Container werden wie folgt in den HTML-Code eingefügt:

<container id="10" name="Hauptnavigation" default="Hauptnavigation" mode="fixed"></container>

Hier müssen Sie einige Einstellungen vornehmen:

id: Jeder Container braucht seine eigene, eindeutige ID. Wird eine ID doppelt vergeben, gibt Contenido eine Fehlermeldung beim Speichern des Layouts aus. Diese Einstellung kann nur Werte in Form von Zahlen annehmen, empfohlen wird eine Nummerierung in 10er Schritten, falls nachträglich noch weitere Container in das Layout eingefügt werden müssen. Dieses Feld ist notwendig.

name: Diese Einstellung gibt dem Container einen Name, der später bei der Erstellung eines Templates angezeigt wird (s "Templates"). Dieser Name kann frei gewählt werden und dient nur zur Orientierung des Administrators. Dieses Feld sollten Sie ausfüllen, um den Con-tainer später einfacher zu identifizieren.

default: Hier wird angegeben, welches Modul als Standard für diesen Container verwendet werden soll. Dazu muss der Name des Moduls bekannt sein. Dieser kann in der Liste der Module herausgefunden werden. Diese Einstellung ist optional und ist nur dann sinnvoll, wenn dieses Modul oft verwendet wird (z.B. Navigation). Wird hier nichts als Standard angegeben, ist später in den Templates im Drop-Down-Feld der Container (für die einzelnen Module) "--- kein ---" ausgewählt.

mode: Der "mode" eines Containers gibt an, ob beim Anlegen oder späteren Verändern (in den Artikel- oder Kategorieeigenschaften) der Templates dieses Modul des Containers geändert werden darf. Daher muss im Code angegeben sein, ob das Modul für diesen Container "fixed", also unveränderbar ist, oder "optional", also veränderbar ist. Diese Einstellung unbedingt angeben, damit später im HTML-Code dieses Layouts schnell erkennbar ist, wie der Container definiert ist.

Im gegebenen Beispiel

<container id="10" name="Hauptnavigation" default="Hauptnavigation" mode="fixed"></container>

sind also folgende Einstellungen wirksam:

Die eindeutige ID des Containers ist "10". Der Container wird bei den Templates unter dem Name "Hauptnavigation" aufgeführt. Als Standard (default) ist das Modul "Hauptnavigation" eingestellt. Dieses wird später in den Templates im Drop-Down-Feld (voreingestellt) angezeigt. Abschließend hat der Container die Eigenschaft (mode) "fixed". Es kann bei der Erstellung oder der Konfiguration des Templates also kein anderes Modul für diesen Container ausgewählt werden.

Ein zweites Beispiel hat den "mode" optional:

<container id="30" name="Content" default="Text (HTML)" mode="optional"></container>

Die ID dieses Containers ist "30". Der Name des Containers ist "Content" und hat als (default) Standard-Modul "Text (HTML)" eingestellt. Bei der Erstellung oder der Konfiguration des Templates kann dieser Container auch mit einem anderen Modul versehen werden, das Modul "Text (HTML)" ist also optional (mode).

Buttons, die bei der Verwendung der Layouts benutzt werden können:

Symbol Bedeutung
Layout auf Wiedervorlage setzen / zur ToDo-Liste hinzufügen
Dieses Layout wird verwendet
Layout kann nicht gelöscht werden (z.B. fehlende Berechtigung oder Layout wird verwendet)
Layout löschen

Diskutieren Sie zu diesem Thema im Forum.