Grundlagen für die Entwicklung einer mozilo-Designvorlage

Verzeichnisstruktur

Die Layouts liegen im Verzeichnis "layouts".
Jedes Layout besteht mindestens aus folgender Verzeichnisstruktur:
   - css
       - style.css
   - grafiken (optional)
        (Bilddateien)
   - gallerytemplate.html
   - layoutsettings.conf
   - template.html

Kodierung und Benennung der Dateien und Verzeichnisse

Alle Dateien des CMS, also auch die Layoutdateien, liegen UTF8-kodiert vor (ohne BOM) und müssen bei Bearbeitung auch so kodiert gespeichert werden!
Bitte nutzen Sie bei der Benennung des Layout-Verzeichnisses für Umlaute und Sonderzeichen den mozilo-Sonderzeichenkonverter.

Details

Erstellen/Anpassen der HTML-Templates

Das Website-Template "/layouts/NameDesLayouts/template.html" ist ein komplettes HTML-Dokument, welches verschiedene Platzhalter (in geschweiften Klammern notiert) beinhaltet.

Platzhalter aktueller Wert Beschreibung
{CONTENT} der komplette Seiteninhalt Inhalt der aktuellen Inhaltsseite
{CHARSET} UTF-8 Verwendeter Zeichensatz
{LAYOUT_DIR} /layouts/moziloCMS relativer Pfad zum Verzeichnis des aktuell verwendeten Layouts
{CSS_FILE} /layouts/mozilo/css/style.css relativer Pfad zur CSS-Datei des aktuell verwendeten Layouts
{FAVICON_FILE} /layouts/mozilo/favicon.ico relativer Pfad zum Favicon des aktuell verwendeten Layouts
{WEBSITE_TITLE} moziloCMS - Das CMS für Einsteiger :: Entwicklerportal/Layouts erstellen :: Details konfigurierter Titel der Website
{WEBSITE_KEYWORDS} mozilo cms mozilocms dokumentation hilfe tutorial download kostenlos gpl content management system backup syntax ohne datenbank flatfile konfigurierte Meta-Keywords
{WEBSITE_DESCRIPTION} moziloCMS - Das quelloffene, deutschsprachige Content-Management-System für Einsteiger, das ohne Datenbank auskommt: Kostenloser Download, Dokumentation, Support konfigurierte Meta-Description
{MAINMENU} das Hauptmenü Hauptmenü (Kategorien);
je nach Einstellung inkl. Submenü
{DETAILMENU} das Detailmenü Detailmenü (Inhaltsseiten);
bei aktiviertem Submenü nicht benötigt


Anpassung des Stylesheets

Die in den Templates referenzierte CSS-Datei (es dürfen natürlich auch mehrere sein) beinhaltet alle Formatierungen, die das Erscheinungsbild der Website und der Galerien beinflussen. moziloCMS gibt Syntaxelemente und einige Standardfunktionen mit definierten CSS-Klassen und -IDs aus, siehe Standard-CSS-Elemente.

Layoutspezifische CMS-Einstellungen

Die Datei "/layouts/NameDesLayouts/layoutsettings.conf" enthält layoutspezifische Einstellungen. Diese werden in den CMS-Einstellungen überschrieben, wenn das Layout in der CMS-Konfiguration gewählt wird. Konkret handelt es sich um folgende Optionen:

Option Beschreibung
gallerypicsperrow Anzahl der Bilder, die im Übersichtsmodus der Galerie pro Zeile gezeigt werden sollen
usesubmenu Art der Menüdarstellung:
  • 0: Normales Detailmenü
  • 1: Submenü (akt. Kategorie)
  • 2: Submenü (alle Kategorien)