Joomla Template erstellen

Der folgende Beitrag befasst sich mit der Thematik Joomla Templates selbst erstellen und gestalten und soll eine Art Leitfaden zur Erstellung von Joomla Templates für das Frontend darstellen.

Ordner-/Dateistruktur eines Joomla-Templates

Damit man nicht gleich von der Mächtigkeit der Datei-/Ordner-Struktur eines Joomla-Templates abgeschreckt wird, soll die folgende Legende etwas Klarheit bzgl. der Wichtigkeit der einzelnen Bestandteile schaffen.

Pflicht empfehlenswert optional keine Angabe

  1. index.php DATEI Die Hauptseite des Templates.
  2. templateDetails.xml DATEI Die templateDetails.xml – Ein Muss für jedes Joomla Template.
  3. index.html DATEI Die index.html – Jeder Ordner sollte eine haben ;)
  4. css ORDNER Hier können/sollten die Stylesheet-Dateien des Templates eingefügt werden.
  5. html ORDNER Ordner für die Overrides.
  6. images ORDNER Das Joomla Template lebt durch seine Bilder. Diese können/sollten hier eingefügt werden.
  7. language ORDNER Hier werden die Sprachdateien des Templates eingefügt.
  8. component.php DATEI Die Druckseite des Templates. Diese wird standardmäßig vom system-Template geladen.
  9. error.php DATEI Die Fehlerseite des Templates. Diese wird standardmäßig vom system-Template geladen.
  10. favicon.ico DATEI Das Favicon des Templates.
  11. javascript ORDNER Hier könnten JavaScript-Dateien hinterlegt werden, sofern das Template auf diese zugreift.
  12. offline.php DATEI Die Offlineseite des Templates. Diese wird standardmäßig vom system-Template geladen.
  13. template_preview.png DATEI Großes Vorschaubild des Templates (Empfohlene Bildgröße: 800 x 600 Pixel).
  14. template_thumbnail.png DATEI Kleines Vorschaubild des Templates (ca. 206 x 150 Pixel).
  15. fonts ORDNER Hier könnten Schriften hinterleget werden, auf welche später zugegriffen werden kann.

index.html

Die index.html dient als Verzeichnisschutz und muss in jeden Ordner (z. B. css, html, javascript) eingefügt werden.

Inhalt der index.html

<!DOCTYPE html><title></title>

template_preview.png & template_thumbnail.png

Diese beiden Bilddateien dienen als Vorschau und können einen groben Überblick zur Mächtigkeit (gestalterisch) des Templates geben.

Installation des Templates

Alle notwendigen Template-Dateien werden nun gepackt und über die Administrationsoberfläche installiert.

Die Installation erfolgt über Erweiterungen » Erweiterungen » Installieren.

Schreibe einen Kommentar

* Pflichtfelder