Fertiglayouts als Baukasten-System
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
 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
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.