Templates

Ein Template bestimmt das Aussehen deiner Website — Layout, Farben, Schriften, Navigation. WBCE trennt Inhalt und Design sauber voneinander. Du kannst das Template wechseln ohne einen einzigen Inhalt zu verlieren.

Was ist ein Template?

Ein Template ist eine Sammlung von HTML-, CSS- und PHP-Dateien die das Grundgerüst deiner Website definieren. WBCE füllt die vom Template vorgesehenen Bereiche mit deinen Inhalten.

Template installieren

  1. Template-ZIP herunterladen von templates.wbce.org
  2. Im Backend → Erweiterungen → Templates
  3. ZIP hochladen und installieren
  4. Template aktivieren unter Grundeinstellungen

Template wechseln

Ein Template-Wechsel ist jederzeit möglich:

  1. Neues Template installieren
  2. Unter Grundeinstellungen → Standard-Template das neue Template wählen
  3. Speichern — fertig

Deine Inhalte bleiben vollständig erhalten.

Eigenes Template erstellen

Ein WBCE-Template besteht mindestens aus:

mein_template/
├── index.php       ← Haupt-Template-Datei
├── info.php        ← Name, Version, Autor
├── css/
│   └── style.css   ← Stylesheet
└── images/         ← Template-Bilder

Die wichtigsten Template-Hooks

In index.php bindest du WBCE-Inhalte ein:

<?php page_content(1); ?>     // Hauptinhalt Block 1
<?php page_content(2); ?>     // Seitenleiste Block 2
<?php show_menu2(); ?>        // Navigation
<?php page_title(); ?>        // Seitentitel
<?php register_frontend_modfiles('css'); ?>  // Modul-CSS
<?php register_frontend_modfiles('js'); ?>   // Modul-JS

Bekannte Template-Eigenheiten

WBCEZon / Responsee Framework:

  • display:flex wird durch das Framework-CSS überschrieben → float:left verwenden
  • Emojis direkt im HTML werden als ???? dargestellt → HTML-Entities verwenden (&#128640;)
  • CKEditor fügt nach Tabellen leere <p> Tags ein → im Quellcode manuell löschen

Diese und weitere Eigenheiten dokumentieren wir laufend im Webdesigner Tracking.

Nächster Schritt

Nächster Schritt: Vibe Coding — Templates mit KI entwickeln