Unterschiedliche Templates integrieren

– Problemlos möglich

Von: Santscho

Um was gehts? — Unterschiedliche YAML-Templates in phpwcms integrieren

Template-Struktur verstehen

templateschema.png

Templatestruktur

Um erfolgreich ein weiteres YAML-Template in phpwcms zu integrieren, muss man zuerst die Template-Struktur verstehen.

Im Tutorial "Integration (2)" wird die CSS-Datei my_layout.css ins Template importiert. Von dieser CSS-Datei werden dann die Corefiles (Verzeichnis  yaml), die Benutzer-CSS (Verzeichnis screen) und die Patches (Verzeichnis patches) importiert. Bitte dazu die nebenstehende Grafik studieren.

Um weitere Templates in phpwcms zu integrieren, müssen die CSS-Dateien an einem anderen Ort abgelegt und untereinander neu verknüpft werden...

Ausführung mit Hilfe der Tutorials

Im folgenden wird erklärt, welches Tutorial zur Basis dient und was dabei anders ausgeführt werden muss. Da das neue Template das zweite Template ist, wird in den folgenden Schritten die Nummer "2" für neue Template-Dateien bzw. Template-Verzeichnisse verwendet.

Tutorial "YAML Framework"

Für das zweite Template geht man genau gleich vor wie im Tutorial beschrieben. Dabei achtet man, dass das neue Template an einem anderen Ort abgespeichert wird als das erste.

Unterschiede

In der Verzeichnisstruktur müssen zwei Ordner umbenannt werden:

screen wird screen2
patches wird patches2


Folgende Dateien müssen umbenannt werden:

rootmy_layout.html wird my_layout2.html

roottemplateinc_cssmy_layout.css wird my_layout2.css


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

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

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


Nun wurde dem Template mitgeteilt, welche Haupt-CSS es zu beziehen hat. (my_layout2.css). Jetzt müssen in der Haupt-CSS die Pfadangaben zu den Benutzer-CSS im Verzeichnis screen2 abgeändert werden. Also öffnet man my_layout2.css in einem Editor und ändert:

Alle screen/ nach screen2/


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

Tutorial "YAML Template"

Unterschiede

Alle im Tutorial erwähnten Angaben zur Datei my_layout.html beziehen sich jezt auf my_layout2.html.

Tutorial "Integration (1)"

Unterschiede

Alle im Tutorial erwähnten Angaben zur Datei my_layout.html beziehen sich jezt auf my_layout2.html.

Alle im Tutorial erwähnten Angaben zur Datei my_layout.css beziehen sich jezt auf my_layout2.css.

Alle im Tutorial erwähnten Angaben zum Verzeichnis patches beziehen sich jetzt auf das Verzeichnis patches2.

Tutorial "Integration (2)"

Viele der in diesem Tutorial erwähnten Schritte können ausgelassen werden.

Unterschiede "Kopieren des Frameworks auf den Server"

Auf dem Server werden keine Verzeichnisseoder Dateien überschrieben! Es wird nicht das ganze Framework auf den Server kopiert, da schon einiges vom ersten Template vorhanden ist. Nur das muss gemacht werden:

my_layout2.css kopieren nach  Server-Roottemplateinc_css

patches2 kopieren nach  Server-Roottemplateinc_css

screen2 kopieren nach   Server-Roottemplateinc_css

Unterschiede "Erstellen der Vorlage (Template)"

Alle im Tutorial erwähnten Angaben zur Datei my_layout.html beziehen sich jezt auf my_layout2.html.

Alle im Tutorial erwähnten Angaben zur Datei my_layout.css beziehen sich jezt auf my_layout2.css.

Tutorials "Navigationen" und "Inhaltsspalten"

Alle in diesen Tutorials erwähnten Angaben beziehen sich auf Dateien im Verzeichnis Screen2. Die Integration von Navigationen und Inhaltspalten werden im neu erstellten phpwcms-YAML-Template durchgeführt.