Templates und Stile: das Aussehen der Website ändern – Tutorial zu Joomla!

Das Aussehen eines Internetauftritts bestimmt in Joomla! eine Designvorlage, das sogenannte Template. Es liegt z.B. fest, dass hier ein blauer Balken zu sehen ist und meine Texte immer darunter erscheinen. Der Einsatz einer Designvorlage hat den Vorteil, dass ich mit wenigen Mausklicks meinem Internetauftritt ein komplett neues Aussehen verpassen kann. Bei einigen Templates kann ich zudem selbst in Grenzen die Optik über sogenannte Stile beeinflussen. Genau die möchte ich mir mit Ihnen im Folgenden etwas näher ansehen. Damit wird auch endlich dieser werbewirksame Hinweis CASSIOPEIA verschwinden. Wenn ich im Backend den Menüpunkt System aufrufe und dann hier im Bereich Templates den Punkt "Site Templates" aufrufe, dann listet mir Joomla! alle ihm bekannten Templates auf, mit denen ich das Aussehen im Frontend beeinflussen kann. Wie Sie hier sehen, gibt es bei mir im Moment nur das mitgelieferte Template Cassiopeia. Ein solches Template kann es auch noch in verschiedenen Varianten geben. So könnte ein Template etwa eine normale Version und eine mit einem Weihnachtsdekor mitbringen. Häufig gibt es die Templates in verschiedenen Farbvarianten, also etwa einmal eine in Rot und eine in Grün. Jede dieser Varianten bezeichnet Joomla! als Stil. Alle Stile verwaltet Joomla! unter dem Menüpunkt System > Site Template Stile. Nur die Stiele können Sie Ihrem Internetauftritt zuweisen. Für jedes Template existiert mindestens ein Stil. Von Haus aus gibt es bspw. für das Template Cassiopeia nur einen Standardstil namens "Cassiopeia - Default". Welcher Stil gerade zum Einsatz kommt, zeigt das gelbe Sternchen in der Spalte Standard an. Manche Templates erlauben Ihnen, in starken Grenzen an der Optik zu schrauben. Diese Einstellungen erreichen Sie, wenn Sie hier einen Stil anklicken. Ich mache das mal bei "Cassieopia - Default". Die möglichen Einstellungen verbergen sich jetzt auf dem Register Erweitert. Hier könnte ich jetzt diesen fetten Namen des Templates gegen einen eigenen austauschen. Damit würde ich aber den Standardstil hier verändern. Um den für den Fall der Fälle unverändert zu behalten, greife ich zu einem kleinen Trick. Ich kopiere diesen Stil, indem ich hier neben "Speichern & Schließen" auf das Dreieck klicke und dann "Als Kopie speichern" wähle. Joomla! hat jetzt den Stil kopiert und ihn direkt in diesem neuen Formular geöffnet. Damit ich die Stile nicht verwechsle, hat Joomla! dem Duplikat noch im Namen eine (2) angehängt. Bei Bedarf können Sie den Namen des Stils noch anpassen, ich lasse ihn jetzt aber einfach mal so. Jetzt kann ich hier nach Lust und Laune die Einstellungen verändern. Sollte ich mich in den Einstellungen verheddern, kann ich später immer noch wieder zum Standardstil zurück. Ich möchte im Frontend den Schriftzug CASSIOPEIA austauschen. Dazu muss ich nur auf dem Register Erweitert einen anderen Titel hinterlegen. Ich wähle für meinen Fall die "Odenwälder Rezepte". Meine Änderungen muss ich noch speichern und schließen lassen und im Frontend passiert nichts. Das liegt daran, dass mein neuer Stil noch gar nicht von Joomla! genutzt wird. Das ändere ich, indem ich ihn mit einem Klick auf den grauen Kreis zum Standard erhebe. Jetzt erscheint auch endlich mein vorgegebener Schriftzug auf der Internetseite. Da das doch alles relativ kompliziert ist, an dieser Stelle noch einmal kurz zusammengefasst. Die Optik Ihrer Seite bestimmt ein Template. Von jedem Template gibt es verschiedene Varianten, etwa einen in Rot und eine in Blau. Diese Varianten heißen Stile. Ein Stil ist dabei aber nichts anderes als eine Sammlung von ganz bestimmten Template-Einstellungen. Hier im Backend wechseln Sie in der Stilverwaltung zu einem anderen Stil, indem Sie in seiner Zeile auf den grauen Kreis klicken. Meine Seite sieht jetzt immer noch etwas karg aus. Ändern kann ich das, indem ich vor allem ein paar Bilder, weitere Module und natürlich vor allem auch noch weitere Rezepte hinzufüge. Darüber hinaus könnte ich hier noch weiter an den Einstellungen schrauben. Ich möchte Sie ermutigen, genau das auch zu machen. Unter anderem können Sie über Auswählen noch ein eigenes Logo einstellen.