Templates

Verfasst von Hagen Graf am 26. December 2007 - 13:58

Auch den Template-Bereich kennen Sie bereits aus Kapitel 4.2 auf Seite 91, in dem wir ein anderes Template für die Website festgelegt haben.

Template Manager
Abbildung 10.24: Template Manager

Joomla! unterscheidet Site- und Administrator-Templates (Abbildung 10.24).

10.7.1 Site-Templates

Hier sehen Sie die installierten Templates. Sie können ein Template als Standard definieren und für bestimmte Menülinks andere Templates zuweisen. Um ein Template zum Standard zu machen, kreuzen Sie die Checkbox neben dem Template an und klicken auf das Icon Standard. Ihre Website verändert dann entsprechend ihr Äußeres.

Bearbeiten eines Templates

Wenn Sie auf das Icon Bearbeiten klicken, können Sie alle Eigenschaften eines einzelnen Templates verändern und konfigurieren (Abbildung 10.25). In der Parameterliste sehen Sie beispielsweise die diesem Template zugeordneten Menülinks. Markieren Sie die entsprechenden Menülinks, denen Sie das Template zuordnen wollen. Eine Mehrfachauswahl erreichen Sie, indem Sie bei gedrückter (Strg)-Taste die gewünschten Elemente nacheinander anklicken. In diesem Fall können Sie auch die Farben des Templates und die Weite der Darstellung beeinflussen. Diese Einstellungen stehen nur zur Verfügung, wenn das Template entsprechend vorbereitet wurde.

Erweiterungen - Templates - Bearbeiten
Abbildung 10.25: Erweiterungen - Templates - Bearbeiten

Icon Vorschau

Hier erhalten Sie eine Vorschau auf das Standard-Template Ihrer Website mit grafischer Anzeige der Modulpositionen. An diesen Stellen können Sie Ihre Module positionieren (Abbildung 10.26).

Modulpositionen innerhalb des Standard Templates
Abbildung 10.26: Modulpositionen innerhalb des Standard Templates

Icon HTML bearbeiten

Hier können Sie direkt den HTML-Quellcode des ausgewählten Templates bearbeiten (Abbildung 10.27). Templates bestehen immer auch aus einer HTML-Datei. Im oberen Bereich finden Sie eine Box mit Template Snippets. Diese Template Snippets sind vordefinierte Befehle für bestimmte Aktionen innerhalb des Templates.

Site - Template Manager - HTML-Editor
Abbildung 10.27: Site - Template Manager - HTML-Editor

Icon CSS bearbeiten

Hier können Sie den CSS-Quellcode des ausgewählten Templates bearbeiten. Templates können beliebig viele CSS-Dateien haben (Abbildung 10.28). Sie müssen die gewünschte Datei auswählen und dann erneut auf das Icon Bearbeiten klicken.

Exkurs

Wenn Sie hier Hand anlegen, sollten Sie wissen, was Sie tun. HTML- und CSS-Kenntnisse sind unerlässlich. Trotzdem ist es auch für den Anfänger interessant zu sehen, wie ein Template aufgebaut ist. Zu diesem Thema erfahren Sie mehr in Kapitel 13.

CSS-Dateien des Beez Templates
Abbildung 10.28: CSS-Dateien des Beez Templates

10.7.2 Administrator-Templates

Was für Ihre Website gilt, gilt natürlich auch für die Administrationsoberfläche. Sie können hier analog zu den Site-Templates Ihrer Administrationsoberfläche andere Templates zuweisen. Im Standardumfang ist ein Template enthalten.

Auch den Template-Bereich kennen Sie bereits aus Kapitel 4.2 auf Seite 91, in dem wir ein anderes Template für die Website festgelegt haben.Abbildung 10.24: Template ManagerJoomla! unterscheidet Site- und Administrator-Templates (Abbildung 10.24).10.7.1 Site-TemplatesHier sehen Sie die installierten Templates. Sie können ein Template als Standard definieren und für bestimmte Menülinks andere Templates zuweisen. Um ein Template zum Standard zu machen, kreuzen Sie die Checkbox neben dem Template an und klicken auf das Icon Standard. Ihre Website verändert dann entsprechend ihr Äußeres.Bearbeiten eines TemplatesWenn Sie auf das Icon Bearbeiten klicken, können Sie alle Eigenschaften eines einzelnen Templates verändern und konfigurieren (Abbildung 10.25). In der Parameterliste sehen Sie beispielsweise die diesem Template zugeordneten Menülinks. Markieren Sie die entsprechenden Menülinks, denen Sie das Template zuordnen wollen. Eine Mehrfachauswahl erreichen Sie, indem Sie bei gedrückter (Strg)-Taste die gewünschten Elemente nacheinander anklicken. In diesem Fall können Sie auch die Farben des Templates und die Weite der Darstellung beeinflussen. Diese Einstellungen stehen nur zur Verfügung, wenn das Template entsprechend vorbereitet wurde.Abbildung 10.25: Erweiterungen - Templates - BearbeitenIcon VorschauHier erhalten Sie eine Vorschau auf das Standard-Template Ihrer Website mit grafischer Anzeige der Modulpositionen. An diesen Stellen können Sie Ihre Module positionieren (Abbildung 10.26).Abbildung 10.26: Modulpositionen innerhalb des Standard TemplatesIcon HTML bearbeitenHier können Sie direkt den HTML-Quellcode des ausgewählten Templates bearbeiten (Abbildung 10.27). Templates bestehen immer auch aus einer HTML-Datei. Im oberen Bereich finden Sie eine Box mit Template Snippets. Diese Template Snippets sind vordefinierte Befehle für bestimmte Aktionen innerhalb des Templates.Abbildung 10.27: Site - Template Manager - HTML-EditorIcon CSS bearbeitenHier können Sie den CSS-Quellcode des ausgewählten Templates bearbeiten. Templates können beliebig viele CSS-Dateien haben (Abbildung 10.28). Sie müssen die gewünschte Datei auswählen und dann erneut auf das Icon Bearbeiten klicken.ExkursWenn Sie hier Hand anlegen, sollten Sie wissen, was Sie tun. HTML- und CSS-Kenntnisse sind unerlässlich. Trotzdem ist es auch für den Anfänger interessant zu sehen, wie ein Template aufgebaut ist. Zu diesem Thema erfahren Sie mehr in Kapitel 13.Abbildung 10.28: CSS-Dateien des Beez Templates10.7.2 Administrator-TemplatesWas für Ihre Website gilt, gilt natürlich auch für die Administrationsoberfläche. Sie können hier analog zu den Site-Templates Ihrer Administrationsoberfläche andere Templates zuweisen. Im Standardumfang ist ein Template enthalten.

0 Kommentare

Kommentar hinzufügen

  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <br><pre>
  • Zeilen und Absätze werden automatisch erzeugt.

Weitere Informationen über Formatierungsoptionen