Vorlagen

SLAED CMS verwendet ein flexibles Vorlagensystem, das es Ihnen ermöglicht, das Aussehen Ihrer Website vollständig zu ändern, ohne den Kernsystemcode zu modifizieren.

Inhaltsverzeichnis

Design-Struktur
Hauptvorlagen
Blocksystem
Vorlagen-API
Benutzerdefinierte Designs erstellen
CSS-Optimierung

Design-Struktur

Jedes Design befindet sich in einem separaten Ordner im Verzeichnis templates/:

templates/
├── default/                 # Standarddesign
│   ├── index.html           # Hauptseitenvorlage
│   ├── basic.html           # Grundinhaltsvorlage
│   ├── title.html           # Titelvorlage
│   ├── pagenum.html         # Paginierungsvorlage
│   ├── block-*.html         # Blockvorlagen
│   ├── *.html               # Spezialisierte Vorlagen
│   ├── theme.css            # Design-CSS
│   ├── system.css           # Systemstile
│   ├── blocks.css           # Blockstile
│   └── images/              # Design-Bilder
└── custom_theme/            # Benutzerdefiniertes Design
    ├── index.html
    └── ...                  # Andere Design-Dateien

Hauptvorlagen

Die Hauptvorlage definiert die Gesamtseitenstruktur:

<!DOCTYPE html>
<html lang="{%lang%}">
<head>
    <meta charset="UTF-8">
    <title>{%title%}</title>
    <link rel="stylesheet" href="templates/{%theme%}/theme.css">
</head>
<body>
    <header>
        <h1>{%sitename%}</h1>
        <p>{%slogan%}</p>
    </header>
    
    <nav>
        <!-- Navigation -->
    </nav>
    
    <main>
        {%content%}
    </main>
    
    <aside>
        {%blocks%}
    </aside>
    
    <footer>
        <p>&copy; 2026 {%sitename%}</p>
    </footer>
</body>
</html>

Vorlagen-Platzhalter

{%lang%} - Seitensprache (ru, en, de, etc.)
{%title%} - Seitentitel
{%sitename%} - Seitenname
{%slogan%} - Seitenslogan
{%content%} - Hauptseiteninhalt
{%blocks%} - Seitenblöcke
{%theme%} - Aktueller Designname

Blocksystem

Blocktypen:

l - Linke Spalte
r - Rechte Spalte
c - Zentraler Bereich
d - Unten auf der Seite
s - Schwebende Blöcke
o - Schwebende Blöcke (alternative)

Vorlagen-API

Wichtige Vorlagenfunktionen:

// Grundvorlagenfunktion
function setTemplateBasic($tpl, $values = '') {
    global $theme, $conf;
    // Implementierung
}

// Blockvorlagenfunktion
function setTemplateBlock($tpl, $values = '') {
    // Implementierung
}

// Warnvorlagenfunktion
function setTemplateWarning($tpl, $settings) {
    // Implementierung
}

Benutzerdefinierte Designs erstellen

So erstellen Sie ein benutzerdefiniertes Design:

Erstellen Sie einen neuen Ordner in templates/ mit Ihrem Designnamen
Erstellen Sie die Hauptvorlagendateien
Fügen Sie CSS-Stile hinzu
Passen Sie die HTML-Struktur an

CSS-Optimierung

SLAED CMS unterstützt CSS-Optimierung:

CSS-Komprimierung
Dateizusammenführung
Minimierung
Browser-Caching