In diesem Tutorial bauen wir eine Dokumentationsseite à la IPS-Dokumentation. Wir werden die Dokumentation nicht exakt nachbauen, sondern in die Richtung gehen, wie die Dokumentation auf unserer Seite hier aussieht. Du kannst es natürlich jederzeit an Deiner Bedürfnisse anpassen, erweitern oder umbauen, wenn Du den Grundaufbau nachvollzogen hast.
Die Datenbank für die Dokumentation nutzt die Kategorien für Unterteilung in die größeren Abschnitte. So eine Art Kapitel. In jedem Kapitel (Kategorie) gibt es dann mehrere Seiten, die der Kategorie untergeordnet sind. In der originalen IPS Dokumentation haben Kategorien dreistufige Hierarchie. Ich finde es überladen, unübersichtlich und schwer zu navigieren. Daher werden wir in diesem Tutorial uns auf zweistufige Kategorien begrenzen.
Für wen ist dieses Tutorial gedacht?
Man benötigt wie immer HTML, Javascript und etwas PHP, um es gut nachvollziehen zu können. Die Datenbank an sich ist sehr einfach aufgebaut. Das interessanteste ist das Menü auf der linken Seite. Und das Erstellen des Templates, wo die Sidebar auf der linken Seite sich befindet (im Gegensatz zum Standardaussehen der meisten Communities, wo die Sidebar sich rechts befindet. Dieses Aussehen werde wir nicht generell, sondern nur für die Dokumentation ändern, so dass die restlichen Seiten nach wie vor, die Sidebar rechts behalten.
Achtung! Die Interaktion im linken Menü mit zu- und aufklappenden Kategorien bzw. Markierung der aktuellen Seiten funktioniert NUR, wenn Du freundliche URLs in Deine Community verwendest.
