index.php
Dieser Teil verhindert, dass die index.php einfach so augerufen wird. Beispielsweise um schädlichen Code einzuschleusen. Wer keine Rechte zum editieren hat, kann die index.php nicht verändern. Dabei geht es nicht um einen Schutz gegen unberechtigten Einblick in den Quellcode. Das kann hiermit nicht verhindert werden.
Die eingestellte Sprache wird automatisch eingeladen und verabreitet. Auch ein wichtiger Eintrag für mehrsprachige Websites. Die ausgewählte Sprache wird per PHP-Code automatisch eingeladen und angezeigt. Beide Angaben sind beispielsweise für den Browser wichtig.
Die Meta-Tags, die in den Artikeln angegeben werden, Erklärungen (Description), Autor und alles weitere, was wichtig in den Metatags sind, werden von Joomla entsprechend Ihrer Einstellungen zusammengestellt und automatisch zur Laufzeit hier ausgegeben
Zwei CSS-Dateien, die von Joomla für generelle Ausgaben benutzt werden.
In "$this->baseurl" steht der Domainname und gfls. das Joomla-Verzeichnis, wenn es nicht im Root untergebracht ist. In "$this->template" der Name des Template-Verzeichnisses, welches benutzt wird. Wird die URL auf diese Art eingeben, braucht man sich keine Gedanken mehr zu machen, wo denn nun die richtigen Dateien liegen. Joomla stellt automatisch das richtige Verzeichnis zusammen.
Ein eigenes Favicon kann geladen werden. Favicons sind die kleinen Icons, die in der Adresszeile des Browsers angezeigt werden. Meist auch im einzelnen TAB eines Browsers.
Das Ende des Kopfes der index.php
Zwischen den "body-Tags" kommt das grundsätzliche Aussehen des Templates und in der CSS-Datei wird das Template formatiert.
Übung mit einfachen Div-Design
Zur Übung wollen wir ein einfaches DIV-Template erstellen:
Der Code sieht folgendermaßen aus:
Und in die CSS-Datei (template.css) müssen diese Angaben rein:
Positionen
Um nun Inhalte in die einzelnen Bereiche zu bekommen, müssen sogenannte "Positionsangaben" gemacht werden. Positionsangaben sind nichts weiter als Platzhalter, an Stelle dieser später Inhalte ausgegeben werden.
Der Hautinhalt, der Content (Artikel, Komponenten) soll im Bereich "mitte" ausgeben werden. "links" soll das Menü hin, "oben" ein Header, "rechts" ein paar Module, wie beispielsweise das aktuelle Wetter und "unten" soll das Copyright stehen.
Die Inhalte erzeugen wir später im Backend (Adminbereich) von Joomla. In dem wir Artikel schreiben und Menüs anlegen. Das Copyright und den Header erstellen wir, in dem wir eigene Module definieren und das Wetter ist ein externes Modul, welches wir im Joomla installieren und dann an der Position "rechts" an Stelle des Platzhalters ausgeben.
Ein Platzhalter hat immer das gleiche Aussehen:
In type steht, um was es sich handelt. Bis auf wenige Ausnahmen (die wir gleich noch betrachten werden), sind das meistens "modules" - Module, die vom Platzhalter eingelesen werden sollen.
In name steht die eigentliche Position. Diese Position wird beim Modul ausgewählt und damit festgelegt, wo das Modul angezeigt wird. Werden mehrere Module für eine Position ausgewählt, werden die einfach untereinander angezeigt.
style gibt an, wie das Modul verarbeitet werden soll. Dazu stehen folgende mögliche Stile standardmäßig zur Verfügung:
- none
kein spezieller Stil soll augegeben werden. Diese Angabe kann auch weggelassen werden. Also einfach nur: - xhtml
Der Inhalt wird in DIV-Tags ausgegeben - table
Der Inhalt wird in TABLE-Tags ausgegeben (td) - horz
Der Inhalt wird horizontal ausgegeben - outline
Der Inhalt wird hervorgehoben (mit einer Hintergrundfarbe belegt) - rounded
Der Inhalt wird mit einem Rahmen und aberundeten Ecken versehen. Vorraussetzung ist allerdings, dass selbige auch in der CSS-Datei definiert sind. Sonst wird diese Angabe einfach ignoriert.
Besondere Positionen / Platzhalter
Ein paar Positionsangaben unterscheiden sich von den anderen:
component kennzeichnet den Hauptiunhalt. Also Artikel und Komponenten, die dann an der Stelle ausgegeben werden. In früheren Joomla- und Mamboversionen wurde diese Positionangabe mit "Main" gekennzeichnet.
message ist verantwortlich für etwaige Fehlerausgaben oder wenn man eine eMail in den Kontakten abschickt - dann wird an der Stelle der erfolgreiche Versand gemeldet.
Weit verbreitet sind diese Angaben, die aber nicht zwingend so vorgegeben sind. Man kann also seine Banner auch an Positionen mit anderen Namen ausgeben:
banner läßt schon vermuten, dass man damit das Bannermodul, bzw. deren Inhalte ausgeben kann.
Die breadcrumbs ist die jetztige Bezeichnung für den "Pathway". Also die Pfadangabe, wo man sich gerade befindet im Webauftritt.
Einfügen der Positionen ins Template
Die Platzhalter / Positionsangaben werden einfach zwischen den DIV-Tags geschrieben:
Das wars schon. Jetzt noch die Datei als index.php im Templateordner speichern.