Erste Schritte

Nach erfolgreicher Installation ist das Template bereits funktionsfähig.

Eigentlich muss für die ersten Schritte nur noch die Dokumentation weiter gelesen werden. Zudem sollten Sie sich mit dem eigentlichen YAML (X)HTML/CSS Framework befasst haben, um die weiterführende Dokumentation besser verstehen zu können.

Als erster Schritt ist es sinnvoll, wenn Sie das Template in den Einstellungen unter "Administration" umbenennen und einen Namen geben der zu Ihrer Seite passt.

Sehen Sie sich als nächstes den Abschnitt Konfiguration an. Am besten direkt mit geöffneten Template Einstellungen und experimentieren Sie gleichzeitig, damit Sie die Vorgehensweise verstehen lernen. Grundwissen in CSS und HTML (und auch ein wenig PHP) sowie in YAML ist Vorraussetzung. Außerdem sollten Sie bereits wissen, wie ein Joomla! Template grundsätzlich funktioniert, denn dies ist nicht Bestandteil dieser Dokumentation.

Nachfolgend noch ein paar kurze und knappe Anmerkungen für Neueinsteiger.

CSS anpassen - die wichtigsten Dateien

Bei den CSS-Dateien müssen überwiegend nur folgende Dateien angepasst werden:

  • screen.basemod.css (Layout, z.B. die Template-Breite .ym-wrapper)
  • screen.content.css (Text/Inhalt)
  • navigation.*.css (Navigationsbausteine, je nach Verwendung - siehe Abschnitt Menü Variationen und Dropdown Menü)

Die Dateien des YAML Frameworks sowie andere Hauptdateien liegen im JYAML Libraries Verzeichnis (/libraries/jyaml/). Diese Dateien sollten Sie nicht anpassen, da diese bei Updates überschrieben werden. Überschreiben Sie deshalb CSS-Definitionen immer in den oben aufgeführten Dateien.

HTML-Template wählen und HTML-Code anpassen

Um die Basis für die gewünschte HTML-Struktur aufzubauen, müssen Sie in den Layout Optionen die entsprechenden HTML-Templates auswählen. Vorrangig ist die "HTML-Template Vorlage (index.php)" entscheidend. Die Templates basieren in etwa auf den YAML Beispielen, damit Sie sich besser orientieren können.

Nachdem Sie sich entschieden haben (z.B. für fullpage.php), können Sie den HTML-Code nach Ihren Wünschen anpassen. Die index.php Templates befinden sich z.B. im /html/index/ Verzeichnis des Templates.

Erweiterungs-Templates anpassen/hinzufügen

In Joomla! können Sie für fast alle Erweiterungen eigene HTML-Templates anlegen (Layout Override Output). Joomla! sucht also im Template-Verzeichnis nach einer alternativen Datei.

Mehr zu diesem Thema finden Sie in der Joomla! Dokumentation "Understanding Output Overrides" sowie "Layout Overrides in Joomla 1.6" sowie im Abschnitt Alternative Layouts.