Theme erstellen

Theme-Ordner erstellen

Beim Theme handelt es sich um das Layout der Seite. Man könnte es mit einer statischen Seite vergleichen welche bisher noch keinen eigenen Inhalt aufweist. Als Beispiel könnte man den Header mit der Navigation und den Footer im Theme gestalten und diesen im index.phtml einfügen. Der eigentliche Inhalt wird dann über Actions oder Komponenten gesteuert. Im Theme befinden sich ausserdem die Ordner mit den CSS’s den LESS’s und den Schriften.

Falls man noch ein Framework für das CSS benutzt kann man das im Ordner Theme unterbringen, die Verlinkung vom index.phtml muss aber noch manuell erfolgen. Im Ordner Assets befindet sich ausserdem ein Javascript-File welches mit Mootools verlinkt ist und beim Start aufgerufen wird.

Ordnerstruktur

Folgende minimale Struktur wird verwendet, es befinden sich aktuell aber keine weitere Addons wie YAML in den Ordnern.

admin
- projekt
  - theme
    - default
    - assets
    - img
    - css
    - index.phtml

Basis für index.phtml

<!doctype html>
	<html lang="{theme:lang}" dir="ltr" >
	<head>
	    {component:app_core_component_htmlheader}
	</head>
	<body>
	    {component:app_core_component_frontendsitemapnavigation}
	    {action}
	</body>
</html>