Skin erstellen

Mit einem eigenen Skin können Sie ContentLion nach Ihren Wünschen gestalten. Diese sind im Ordner /system/skins gespeichert, wobei jeder Skin seinen eigenen Unterordner hat.

Der Skin ist in PHP geschrieben, damit kleinere Anpassungen direkt im Skin vorgenommen werden können. Jedoch gibt es auch Templates, in denen kein PHP möglich ist. Mehr dazu weiter unten.

Generell gibt es verschiedene Arten von Skins: normale, mobile und Skins f&¨rs Backend. Alle sind aber für die Entwickler gleich. Es ist lediglich die Einstellung vom Benutzer im Backend, welchen Skin er wo angezeigt bekommt.

ContentLion ist es im Prinzip egal, wie der Skin strukturiert wird. Es wird die index.php im Ordner des Skins geladen, in der dann der Html- und PHP-Code steht. Im Skin kann man dann bestimmte Befehle nutzen, um auf die einzelnen Elemente von ContentLion zuzugreifen. Die wichtigsten Funktionen befinden sich in der Singleton-Klasse sys.

Html-Header

Wir brauchen Zugriff auf dem Html-Header um Metadaten, sowie JS- und CSS Dateien zu integrieren. Aus diesem Grund muss dort folgendes Script, am besten am Ende des heads, integriert werden:

<?PHP sys::includeHeader(); ?>

Content

Der wichtigste Teil der Seite dürfte der Inhalt sein. Diesen gibt man so aus:

<?PHP
    sys::includeContent();
?>

Globale und lokale Navigation

Generell könnte man in ContentLion so viele Menüs anzeigen wie man möchte. Ich möchte hier aber zwei Möglichkeiten vorstellen, die eigentlich die meisten Zwecke abbilden: Ein Gespann aus globaler und lokaler Navigation. Die globale Navigation wird auf allen Seiten angezeigt. Sie sollte eine Navigation zu den einzelnen Bereichen der Website bieten. In den Bereichen selbst, sollte gibt es zusätzlich eine lokale Navigation. Diese kann beim Bearbeiten der Seite eingestellt werden und sollte innerhalb eines Bereiches verlinken.

<?PHP
  //Globale Navigation
  sys::displayGlobalMenu("<ul>","</ul>,"<li>","</li>","css_class");
  //Lokale Navigation
  sys::displayLocalMenu("<ul>","</ul>","<li>","</li>","css_class");
?>

Breadcrumb Navigation

Eine Breadcrumb-Navigation zeigt den Benutzern an, wie der Weg zur aktuellen Seite ist. So können sie zurück auf bestimmte übergeordnete Seiten kommen. Die Reihenfolge wird übrigens über das "Besitzer" Feld bei Seite Bearbieten gesteuert. Auf dieser Seite ist die Breadcrumb-Navigation "Dokumentation -> Skin erstellen".

Folgendermaßen wird die Navigation im Skin erstellt:

<?PHP
  sys::displayBreadcrumb(" -> ","breadcrumb","bc");
?>

Der erste Parameter ist das Trennzeichen zwischen den Seiten. Der zweite Parameter gibt die CSS-Klasse und der dritte Parameter die ID der Links an. Der ID wird eine Laufende Nummer angehängt.