TEMPLATES EINBINDEN (Kurzanleitung) ENTWICKLUNG & VERTRIEB: Nicolas Berg, skyrocket-online ANSPRECHPARTNER BEI FRAGEN UND PROBLEMEN: Sarah Eggloff eggloff@skyrocket-online.de
TEMPLATE VERZEICHNIS TEMPLATE VERZEICHNIS In comamo können Sie beliebig viele Templates erstellen, aber nur ein Haupt-Template verwenden. Innerhalb des Haupt-Templates haben Sie dennoch die Möglichkeit, verschiedene Themes oder Seitenlayouts zu erstellen und diese jeder Seite individuell (sofern gewünscht) zuzuweisen (dazu mehr in der ausführlichen Dokumentation). Das Verzeichnis, in dem Sie die Templates ablegen und vom Backend aus zugreifen können, ist folgendes: [Name der comamo-installation]\template\[name des Templates] Als Beispiele: [...]\comamo\template\comamo [...]\comamo\template\standard-1200 Auf Ihrem Server kann die Struktur etwas anders aussehen, z. B.: Installation direkt im Verzeichnis html: /html/template/comamo Installation direkt im root-verzeichnis: /template/comamo Installation im Verzeichnis html mit extra comamo-ordner: /html/comamocms/template/comamo Installation mit extra comamo-ordner: /comamocms/template/comamo SEITE 2
TEMPLATE VERZEICHNIS-STRUKTUR TEMPLATE VERZEICHNIS-STRUKTUR Prinzipiell können Sie die Struktur innerhalb der Templates selbst bestimmen (Sie müssen dann alle Pfade in den HTML- und CSS-Dateien anpassen) und beliebig viele Ordner hinzufügen. Zur besseren Übersicht und Strukturierung nutzen wir standardmäßig die auf den Bildern gezeigte Ordnerstruktur. Die wichtigsten Verzeichnisse sind dabei html, css, js, pix und plugins. Modul-Templates können Sie einfach und update-sicher an Ihre Bedürfnisse anpassen, indem Sie sich die HTML-Templates aus den Modul-Ordnern in Ihr html-template Verzeichnis kopieren und diese Dateien bearbeiten. Template-Dateien überschreiben immer die Standard-Templates des Systems. Struktur im html-ordner mit kopierten und angepassten Modul-Templates Übersicht der Template-Verzeichnisstruktur Struktur im css-ordner SEITE 3
TEMPLATE VERZEICHNIS-STRUKTUR SCSS TEMPLATE VERZEICHNIS-STRUKTUR SCSS Da man bei comamo selbst bestimmen kann, welche Struktur innerhalb der Templates angelegt wird, ist es auch möglich, eigene Frameworks oder CSS-Precompiler wie SASS/SCSS oder LESS zu verwenden. Auf den folgenden Bildern zeigen wir Ihnen eine mögliche Strukturierung anhand von SCSS-Dateien (diese werden zur style.css im css-ordner kompiliert, die Sie wie gehabt auf den Server hochladen können (ohne den restlichen SCSS-Ballast). Außerdem ist es möglich, direkt eine SCSS-Datei einzubinden, die dann per PHP-Compiler ausgeführt wird.) Übersicht der SCSS-Verzeichnisstruktur Übersicht der Template-Verzeichnisstruktur mit SCSS-Ordnern Bessere Strukturierung und Übersicht durch die Verwendung von Partials SEITE 4
ANMELDEN/ADMINBEREICH ANMELDEN/ADMINBEREICH Um in die Administration (Backend) zu gelangen, hängen Sie einfach den Suffix»/CMM«an die URL Ihrer Webseite an. BEISPIEL: www.domain.de/cmm Geben Sie im Anmeldebildschrim Ihren Benutzernamen und das Passwort ein. Mit einem Klick auf»login«melden Sie sich an. SEITE 5
TEMPLATE AUSWÄHLEN DAS TEMPLATE IM COMAMO-BACKEND AUSWÄHLEN Laden Sie zunächst, falls noch nicht erfolgt, das Template-Verzeichnis auf den Server hoch (beachten Sie hierbei die richtige Verzeichnisstruktur wie auf Seite 2 beschrieben). Um das Template in comamo zu aktivieren, müssen Sie zunächst das Basismodul auswählen. In der Modulnavigation klicken Sie dann auf Konfiguration. In der nun erscheinenden Eingabemaske finden Sie unter dem Tab»Standard«das Feld»Website: Template«. Dort können Sie Ihr gewünschtes Template auswählen. In der Drop-Down-Liste werden alle Templates angezeigt, die sich im Ordner»template«befinden. So können Sie einfach zwischen verschiedenen Template wechseln. TIPP: Löschen Sie den comamo-cache, damit gecachte CSS-Daten gelöscht werden und das neu gewählte Template richtig angezeigt wird. Cache löschen SEITE 6