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.

Da Cloudrexx eine konsequente Trennung von Design und Inhalt erlaubt, ist es möglich, ein Theme für das Design einer Website zu erstellen, ohne sich zum Zeitpunkt der Erstellung bereits Gedanken über den späteren Inhalt machen zu müssen.

Grundstruktur

Das folgende Beispiel zeigt auf, welche Datei-Platzhalter die Grundstruktur eines Themes bilden. Die Anordnung der Elemente ist in jedem Theme unterschiedlich. Das Beispiel stellt nur eine Idee dar, wie eine Website logisch aufgebaut sein kann:

Die Grundstruktur eines Themes wird in der Datei index.html definiert. Diese Datei 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

Die Darstellung der Hauptnavigation wird in der Datei navbar.html definiert und im Grundgerüst index.html über den Platzhalter [[NAVBAR_FILE]] eingebunden.

Mehr dazu in der Anleitung Welche Navigations-Typen gibt es?.

Unternavigation

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.

Mehr dazu in der Anleitung Welche Navigations-Modi gibt es?.

Inhaltsbereich

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)

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.

 

© 2024 Cloudrexx AG | Schweizer Cloud CMS | Datenschutzerklärung