Webdesign
Der Autor
Joachim Lackner
Webdesigner, Online Marketing
Spezialist, Coach und Familienvater
Joomla! Tutorials
Webdesign Tutorials
Photoshop Tutorials
Joomla! 1.5 Template selbst erstellen |
Wie bei jeder anderen Homepage überlegt man sich vorerst den Aufbau, die Struktur und das Design der Homepage. Jedoch sollte man sich für ein Joomla!-Template auch gleich mit überlegen wohin denn was soll. D.h. man unterteilt seine Homepage in Bereiche und sagt dann Joomla! welches Modul oder welche Funktion in welchem Bereich erscheinen soll. Hier mal ein Beispiel eines ganz einfachen Joomla-Templates:
Erstellung der Datei index.php
<html> Im großen und ganzen eine einfache html-Datei - bis auf die jdoc: Tags. Diese benötigt Joomla! um zu wissen wo sich denn welcher Bereich im Template befindet. Das heißt jetzt in diesem Fall wir haben vier Modul-Positionen:
{googleAds} Das Attribut style ist optional und kann für einzelne Modultypen verwenden werden. Die Attribut-Werte werden als "chrome" - Styles bezeichnet. Steht kein Style-Attribut zur Verfügung so lautet der Default none. Dieses Attribut betrifft die Art des aus dem Modul gelieferten HTML-Codes.
Das <jdoc:include type="head" /> fügt im <head> Tag die notwendigen Tags wie title und meta ein. Und <jdoc:include type="component" /> definiert wo sich der Bereich für Inhalt oder Komponenten befindet. Erstellung des Stylesheets: template.cssDas Stylesheet des Templates kann natürlich beliebig erstellt werden sollte aber folgende Klassen standardmäßig enthalten:
Bilder des TemplatesDie Bilder des Templates werden einfach in den Ordner images gespeichtert. Die Datei templateDetails.xmlDiese Datei ist notwendig damit Joomla! die Template-Dateien als template erkennt und dieses dann verwendet werden kann. Der Aufbau einer einfachen templateDetails.xml schaut folgendermaßen aus: <?xml version="1.0" encoding="utf-8"?> Diese muss natürlich an die eigenen Bedürfnisse angepasst werden (sollte selbsterklärend sein) und in das selbe Verzeichnis wie die index.php gespeichert werden. Erstellung des Vorschaubildes des Templates: template_thumbnail.pngDieses Vorschaubild muss nicht kann aber erstellt werden, was bei einer Weitergabe von Templates natürlich dazu gehört, da es anderen hilft sich zwischen den installierten Templates zurecht zu finden. Die Größe sollte ca. 188 x 150 px betragen und die Datei sollte als png in das selbe Verzeichnis wie die index.php gespeichert werden. Erstellung des InstallationspaketesDamit man dieses Template in Joomla! installieren zu können (über die Installationsfunktion von Joomla!) müssen einfach alle Dateien (index.php, templateDetails.xml, template_thumbnail.png, Ordner css, Ordner images) in ein ZIP-File gepackt werden. |
Weiter empfehlen
![]() |
Link auf diesen Beitrag setzen:
http://www.l-design.at/joomla-tutorials/56-joomla-15-template-selbst-erstellen.html