Farbwechsel

4.2 Ändern des Templates für Ihre Website

Nachdem jetzt alles schon etwas vertrauter ist, wollen Sie Ihre Website natürlich in einem völlig anderen Design haben3.

Momentan gibt es im Standardumfang von Joomla! 1.5 drei Site-Templates: das voreingestellte mit dem Namen rhuk_milkyway, das mit der Version 1.5.4 eingeführte Template JA_Purity mit einer Vielzahl von Einstellmöglichkeiten und ein barrierefreies mit dem Namen Beez4. Um Barrierefreiheit zu gewährleisten, musste tatsächlich ein Großteil des Quellcodes von Joomla! 1.0 geändert werden. Angie Radtke5 und Robert Deutz6 haben dieses Template erstellt und damit eine monatelange Diskussion über den Sinn und Unsinn von Barierrefreiheit hervorgerufen. Letztlich ist das Template jetzt in den Standardumfang von Joomla! aufgenommen worden und wird m.E. entscheidend zur weiteren Verbreitung von Joomla! im deutschsprachigen Raum beitragen.

Sie könnten jetzt einfach auf das Beez-Template umschalten. Um eine weitere Wahl zu haben und um zu sehen, wie einfach es geht, installieren Sie sich doch einfach noch ein neues Template.

Hinweis

Auf der beiliegenden CD finden Sie neben zwei Bonus-Templates für unterschiedliche Einsatzzwecke (siehe Kapitel 17) auch das in Kapitel 16 eingesetzte Template der Firma Bertrand.

Gehen Sie über das Menü Erweiterungen - Installieren/Deinstallieren in den Joomla!-Installer. Klicken Sie auf den Button Durchsuchen und laden sich die Datei tmpl_bertrand.zip von der CD. Klicken Sie den Button Datei hochladen & installie­ren. Das neue Template wird installiert, und der Installer meldet den Erfolg (Abbildung 4.6).

Installation eines neuen Templates
Abbildung 4.6: Installation eines neuen Templates

Gehen Sie über Erweiterungen - Templates in den Template-Bereich (Abbildung 4.6). Das momentan aktive Template wird durch einen gelben Stern gekennzeichnet. Wenn Sie mit der Maus über den Link mit dem Namen des Templates fahren, erscheint ein kleines Vorschaubild. In der Abbildung sehen Sie die Vorschau des Bertrand-Templates (Abbildung 4.7).

Template-Manager
Abbildung 4.7: Template-Manager

Um das Template Ihrer Website zuzuordnen, wählen Sie den Radio-Button vor dem Namen des gewünschten Templates aus und klicken Sie in der Menüleiste auf das Icon Standard. Der gelbe Stern steht jetzt hinter dem ausgewählten Template. Wechseln Sie auf Ihre Website und klicken Sie im Browser auf den Button Aktualisieren. Schon haben Sie ein anderes Layout und ein völlig neues Aussehen. In der Abbildung 4.8 sehen Sie das Beez-Template. Abbildung 4.9 zeigt das JA_Purity-Template. Die Erstellung eigener Templates finden Sie in Kapitel 13 erläutert, und die Website von Herrn Bertrand wird in Kapitel 16 erstellt.

Das barrierefreie Beez-Template
Abbildung 4.8: Das barrierefreie Beez-Template

Das konfigurierbare JA_Purity-Template

Abbildung 4.9: Das konfigurierbare JA_Purity-Template

Farbwechsel im Template

Doch auch das Standard-Template rhuk_milkyway hält noch ein paar Überraschungen bereit. Sie können über die Parametereinstellungen ein anderes Farbschema wählen.

Wählen Sie das Template zunächst wieder als Standard aus und gehen dann in die Bearbeitungsmaske, indem Sie den Radio-Button vor dem Template aktivieren und das Icon Bearbeiten anklicken. Sie gelangen in die Konfiguration des Templates. Über verschiedene Parameter können Sie die Farben, die Breite des Templates und sogar eine spezielle Menüpunktzuweisung vornehmen (Abbildung 4.10).

Parametereinstellungen im rhuk_milkyway-Template
Abbildung 4.10: Parametereinstellungen im rhuk_milkyway-Template

Das Template JA_Purity geht hier noch weiter und bietet Ihnen sehr viele Einstellmöglichkeiten (Abbildung 4.11)

Parametereinstellungen im JA_Purity-Template

Abbildung 4.11: Parametereinstellungen im JA_Purity-Template

Spielen Sie ein wenig mit den Möglichkeiten und schauen Sie immer auf der Website nach, wie sich die Änderungen auswirken.

Hinweis

Es bietet sich bei Joomla! an, mit Tabs im Browserfenster zu arbeiten. Der Internet Explorer unterstützt seit der Version 7 auch Registernavigation (tabbed browsing)7. Sie können mit dieser Technik die Website und den Administrationsbereich in einem Browserfenster geöffnet haben und durch einen Klick auf den Tab (Reiter) zwischen den Ansichten umschalten. Andere Browser wie Firefox8, Opera9, Safari10 und Konqueror11 besitzen dieses Feature seit Jahren, sind aber immer noch nicht so verbreitet wie der Internet Explorer.

 

Inhalt abgleichen