Zum Inhalt springen
  • Live Demo

    Hier klicken um eine Live-Demo unserer Dokumentation auszuprobieren...

    Dokumentation
  • Dokumentation like IPS

    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. 







  • Diese Seite empfehlen

    Dir gefällt InvisionFocus? Empfehle die Seite weiter!
×
×
  • Neu erstellen...

Wichtige Information

Um unsere Webseite für Sie optimal zu gestalten und fortlaufend verbessern zu können, verwenden wir Cookies. Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu. Weitere Informationen zu Cookies erhalten Sie in unserer Datenschutzerklärung.