Wie sieht die Grundstruktur eines Themes aus?

Cloudrexx stellt diverse dynamische Inhalte und Anwendungen bereit. Diese werden im HTML-Quellcode des Themes über Platzhalter und/oder Template-Blöcken eingebunden.

Grundstruktur “index.html”

Die Grundstruktur eines Themes wird in der Datei index.html definiert. Das folgende Beispiel zeigt auf, welche Datei-Platzhalter die Grundstruktur eines Themes bilden:

Die Datei index.html beinhaltet das HTML-Grundgerüst des Templates. Es beinhaltet also die HTML-Tags <html>, <head> und <body>, welche die Basis des HTML-Dokuments bilden. Zur besseren Übersichtlichkeit und logischen Gliederung des Templates ist die Grundstruktur in verschiedene Dateien aufgeteilt, welche mittels Platzhalter in der Datei index.html eingebunden werden.

Hauptnavigation “navbar.html”

Die Darstellung der Hauptnavigation wird in der Datei navbar.html definiert und im Grundgerüst index.html über den Platzhalter [[NAVBAR_FILE]] eingebunden: Welche Navigations-Typen gibt es?.

Unternavigation “subnavbar.html”

Eine Unternavigation (z.B. ab der 2. Hierarchiestufe) kann über die Datei subnavbar.html definiert und im Grundgerüst index.html über den Platzhalter [[SUBNAVBAR_FILE]] eingebunden werden: Welche Navigations-Modi gibt es?.

Inhaltsbereich “content.html”

Die Darstellung des Inhalts (Daten aus dem Content Manager oder einer Anwendung) wird mit der Datei content.html definiert und im Grundgerüst index.html über den Platzhalter [[CONTENT_FILE]] eingebunden.

Als Ausnahme verwendet die Startseite nicht die Datei content.html, sondern die Datei home.html. Die Einbindung der home.html erfolgt automatisch über den Platzhalter [[CONTENT_FILE]]. Eine explizite Einbindung der home.html ist somit nicht notwendig.

Seitenleiste/Sidebar “sidebar.html”

Zur besseren Übersichtlichkeit können Teile des Themes in der Datei sidebar.html abgelegt werden und im Grundgerüst index.html über den Platzhalter [[SIDEBAR_FILE]] eingebunden werden.