Das YAML-Framework

Fertiglayouts als Baukasten-System

Von: Santscho

Um was gehts? — YAML-Download | Ordner-Struktur | YAML-Builder

Download des YAML-Frameworks

Auf der YAML-Website lädt man zuerst die Projektvorlage "Simple Project" auf seinen lokalen Rechner.

Für eine bessere Übersicht in der nachfolgenden Struktur, habe ich folgende Dateien gelöscht:


changelog.txt

License.txt

readme.txt

Download-Link für das YAML Framework

Anlegen der phpwcms-Ordnerstruktur

yaml_ordnerstruktur.png

phpwcms-YAML-Struktur

Um eine korrekte Verknüpfung der Dateien in phpwcms zu gewährleisten, legt man für das runtergeladene Framework eine phpwcms-Ordnerstruktur an.

Ab YAML 3.1 befindet sich ein Ordner images im Verzeichnis template. Diesen Ordner in das Verzeichnis Screen verschieben. Dies ist auf dem Bildschirmfoto links nicht ersichtlich.

Generieren des eigenen Templates

Auf yaml.de kann man mit dem "YAML Builder" das Layout des Templates bestimmen. Hat man alle Template-Details seinen Wünschen angepasst, generiert YAML Builder den gesamten Code für folgende  YAML Template-Dateien:


my_layout.html

my_layout.css

patch_my_layout.css

basemod.css


Die einzelnen Codes kann man mit der Kopierfunktion des "YAML Builder" in den Zwischenspeicher laden. Jeder kopierte Code speichert man separat ab und achtet darauf, dass genau die Dateinamen wie in der Liste oben verwendet werden.

Nun überschreibt man die folgenden Dateien mit den neu erstellten:


rootmy_layout.html

roottemplateinc_cssmy_layout.css

roottemplateinc_csspatchespatch_my_layout.css

roottemplateinc_cssscreenbasemod.css


a

Da die grundlegende YAML-Struktur verändert wurde, müssen jetzt noch die internen Links  zu den YAML-CSS-Dateien anpassen. Dazu öffnet man my_layout.html und ändert die beiden CSS-Pfadangaben im Header wie folgt:

Import von  my_layout.css:
template/inc_css/my_layout.css

Import von  patch_my_layout.css:
template/inc_css/patches/patch_my_layout.css

Wird nun  my_layout.html in einem Browser geöffnet, solltet ein YAML-Template dargestellt werden.