Seitenbaumstruktur verstehen und verwalten

Der Seitenbaum zeigt dir den Aufbau deiner Website. Erfahre, wie du Seiten und Unterseiten organisierst, ihren Status erkennst und Änderungen vornimmst.

1. Was ist ein Seitenbaum?

Der Seitenbaum bildet die Struktur deiner Website ab. Er enthält alle Webseiten und zeigt, wie sie miteinander verbunden sind. 

Zur Erinnerung: Dabei unterscheiden sich die Begriffe „Website“ und „Webseite“ 

  • Website: Bezeichnet den gesamten Internetauftritt mit allen dazugehörigen Seiten.
  • Webseite: Bezeichnet eine einzelne Seite innerhalb der Website, beispielsweise die Startseite, das Firmenporträt oder einen Blogartikel.

Die Bezeichnung Seitenbaum beschreibt den Aufbau: Ähnlich wie bei einem Baum verzweigen sich die Seiten in verschiedene Ebenen. Von der Startseite führen die Hauptseiten zu weiteren Unterseiten.

Seitenbaum mit hierarchisch angeordneten Seiten und Unterseiten. Ein roter Rahmen markiert die Seitenstruktur mit den Beispielen „Der Stamm“, „Blog“, „Die großen Äste“, „Die kleinen Zweige“ und „Die Blätter“. Einrückungen verdeutlichen die v

Stell dir den Seitenbaum wie einen Baum mit Stamm, Ästen und Blättern vor:

  1. Der Stamm ist deine Startseite. Sie bildet den Ausgangspunkt deiner Website.
  2. Die großen Äste sind deine Hauptseiten, beispielsweise „Blog“ oder „Firmenporträt“.
  3. Die kleinen Zweige sind Unterseiten, die ein Thema weiter unterteilen.
  4. Die Blätter sind weitere Unterseiten mit konkreten Inhalten, beispielsweise einzelnen Blogartikeln.

Nicht jede Webseite benötigt alle Ebenen. Wie weit sich der Seitenbaum verzweigt, hängt von deinen Inhalten und deren Gliederung ab.

2. Videotutorial: Seitenbaumstruktur kennenlernen

Im Video lernst du den Aufbau des Seitenbaums kennen. Du erfährst, welche Funktionen dir zur Verfügung stehen und wie du einzelne Seiten verwaltest. 

3. Seitenbaum öffnen

Du erreichst den Seitenbaum über deine CMS-Steuerleiste.

  1. Rufe deine Website auf und melde dich an.
  2. Klicke in deiner Steuerleiste auf Seite und wähle hier im Dropdown-Menü Seiten... aus.
Geöffnetes Hauptmenü des django CMS über „www.descript.de“. Der Menüpunkt „Seiten...“ ist rot umrandet und markiert den Zugang zum Seitenbaum.

4. Seitenbaum verwalten

In der Seitenbaumansicht findest du alle Webseiten sowie verschiedene Funktionen zur Verwaltung.

Screenshot des Seitenbaums.

4.1 Seiten suchen und neue Seiten anlegen

Oberhalb des Seitenbaums stehen dir folgende Funktionen zur Verfügung:

  • Suchleiste: Suche nach einer bestimmten Seite innerhalb deiner Website (grün markiert).
  • Drei-Punkte-Menü: Wechsle zwischen verschiedenen Websites, sofern du mehrere Websites verwaltest (rot markiert).
  • Neue Seite: Lege eine neue Webseite in deinem Seitenbaum an (rosa markiert).
Seitenbaum mit hierarchisch angeordneten Seiten und Unterseiten. Oben sind die Suchfunktion grün, das Menü für weitere Aktionen rot und die Schaltfläche „Neue Seite“ pink umrandet.

4.2 Seiten und Unterseiten anlegen 

Links im Seitenbaum findest du alle Webseiten und ihre Unterseiten (orange markiert). Eine kleine Pfeilspitze zeigt dir an, dass eine Unterseite weitere Unterseiten enthält (rosa markiert). 

  1. Suche die gewünschte Seite im Seitenbaum.
  2. Klicke auf die Pfeilspitze vor dem Seitentitel.
  3. Die Unterseiten werden eingeblendet.
  4. Klicke erneut auf die Pfeilspitze, um sie wieder auszublenden in deiner Übersicht. 

Über die gepunktete Leiste neben dem Seitentitel verschiebst du diese per Drag-and-drop (blau markiert). Vorhandene Unterseiten werden dabei mit verschoben. 

Seitenbaum im CMS mit Startseite, Hauptseiten und Unterseiten. Der orange Rahmen markiert die Seitenstruktur. Pinke Rahmen kennzeichnen die Pfeile zum Aufklappen der Unterseiten. Ein blauer Rahmen markiert den Bereich zum Verschieben einer Seite.

5. Symbole und Seitenstatus

Im Seitenbaum findest du auf der rechten Seite verschiedene Symbole, Statusanzeigen und Bearbeitungsmöglichkeiten (grün markiert).

Seitenbaum mit hierarchisch angeordneten Seiten und Unterseiten. Ein grüner Rahmen markiert die rechte Spaltenübersicht mit Symbolen für die Seitenvorschau, den Sprachstatus (DE und EN), den Menüstatus sowie Schaltflächen zum Bearbeiten, Hinzufügen und fü

Ganz unten in deinem Seitenbaum findest du auch eine Legende für alle Symbole.

Geöffnete Legende im django CMS mit Symbolen für Veröffentlichungsstatus, Menüanzeige und Seitentypen.

5.1 Symbole

Einige Seiten besitzen zusätzliche Symbole, die ihre Funktion kennzeichnen. Insgesamt kannst du bis zu drei Symbole finden.

  • Haus-Symbol = Startseite: Dieses Symbol kennzeichnet die Startseite deiner Website. Jede Website besitzt nur eine Startseite.
  • Puzzle-Symbol = Bloginstanz: Kennzeichnet eine Bloginstanz, diese wird im CMS gesondert verwaltet. 
  • Augen-Symbol = Webseite ansehen: Öffnet beim daraufklicken die ausgewählte Webseite. Über die CMS-Steuerleiste gelangst du wieder zurück zum Seitenbaum. 
Seitenbaum im django CMS. Farbige Markierungen zeigen die Symbole für Startseite, Seitenvorschau und Seitentyp.

5.2 Statusanzeigen

Die Spalten DE und EN zeigen dir zwei Dinge an:

  • Die jeweilige Sprachversion. DE steht für Deutsch, EN für Englisch.
  • Die Farbe des Kreises zeigt dir den aktuellen Bearbeitungsstand der Webseite.

Die Farben gelten für alle Sprachversionen gleichermaßen. Eine deutsche Seite kann bereits veröffentlicht sein, während die englische Version noch bearbeitet wird.

  • Grün: Veröffentlicht
  • Blau: Unveröffentlichte Änderungen
    • Die Seite enthält Änderungen, die noch nicht veröffentlicht sind. Das können auch simple Anpassungen an einem Text sein.
  • Grau: Nicht veröffentlicht
    • Die Seite ist nicht veröffentlicht.
  • Graue Umrandung: Leere Seite.
    • Für diese Seite sind keinerlei Inhalte hinterlegt, sie ist komplett leer. 

Eine Legende findest du auch ganz unten im Seitenbaum. 

Seitenbaum im django CMS. Ein pinker Rahmen markiert die Statusanzeigen der Sprachversionen Deutsch (DE) und Englisch (EN).

5.3 Sichtbarkeit im Menü

In der Spalte Menü erkennst du, ob eine Webseite im Navigationsmenü deiner Website erscheint (rot markiert).

  • Grünes Häkchen: Die Seite wird im Menü angezeigt. 
  • Graues Minus: Die Seite wird nicht im Menü angezeigt.

So änderst du die Einstellung:

  1. Suche die gewünschte Seite im Seitenbaum.
  2. Klicke in der Spalte Menü auf das Häkchen oder Minus.
  3. Das Symbol wechselt und zeigt die neue Einstellung an.

Beachte: Das Ausblenden aus dem Menü schützt keine vertraulichen Inhalte. Eine veröffentlichte Seite bleibt über ihren direkten Link erreichbar.

Seitenbaum im django CMS. Ein roter Rahmen markiert die Spalte „Menü“ mit Symbolen zur Sichtbarkeit der Seiten in der Navigation.

5.4 Seiten bearbeiten

Über das Stift-Symbol öffnest du die Einstellungen einer Seite. Hier passt du Titel, Slug und SEO-Inhalte an. Außerdem kannst du die erweiterten Einstellungen für Weiterleitungen usw. öffnen.

Seitenbaum im django CMS. Ein grüner Rahmen markiert die Stift-Symbole zum Bearbeiten der einzelnen Seiten.

Seiteneinstellungen bearbeiten

  1. Suche die gewünschte Seite im Seitenbaum.
  2. Klicke auf das Stift-Symbol.
  3. Die Seiteneinstellungen öffnen sich.
  4. Bearbeite beispielsweise den Seitentitel, Slug oder die SEO-Angaben.
  5. Sichere deine Änderungen rechts unten.
Seiteneinstellungen im django CMS mit Feldern für Titel, Slug, Menütitel, Seitentitel und Meta-Description sowie Optionen für Deutsch und Englisch.

5.5 Unterseiten hinzufügen

Über das Plus kannst du nahezu jeder Seite eine neue Unterseite anlegen. Eine Seite kann auch mehrere Unterseiten haben, zum Beispiel bei einem Firmenporträt die einzelnen Teammitglieder. 

Seitenbaum im django CMS. Ein pinker Rahmen markiert die Plus-Symbole zum Hinzufügen von Unterseiten.

Neue Unterseite hinzufügen

  1. Suche die übergeordnete Seite im Seitenbaum.
  2. Klicke daneben auf das Plus-Symbol.
  3. Die Einstellungen für eine neue Unterseite öffnen sich.
  4. Trage den Titel und die weiteren Angaben ein.
  5. Sichere die neue Unterseite rechts unten über den blauen Button Sichern.
Formular „Neue Unterseite“ im django CMS mit Feldern für Seitentyp, Titel, Slug, Menütitel, Seitentitel und Meta-Description sowie Schaltflächen zum Speichern.

6. Weitere Aktionen

Über das Symbol mit den drei horizontalen Strichen öffnest du das Kontextmenü einer Seite. Je nach deinen Berechtigungen sind einzelne Aktionen ausgegraut oder nicht verfügbar.

Achtung: Beim Löschen einer übergeordneten Seite werden auch ihre Unterseiten gelöscht. Prüfe deshalb vor dem Löschen die gesamte Seitenstruktur.

Hier findest du sieben Aktionen:

Geöffnetes Aktionsmenü im django CMS mit Optionen zum Kopieren, Ausschneiden, Löschen sowie für erweiterte Einstellungen und Berechtigungen.
Aktion Funktion

Kopieren

Kopiert die Seite einschließlich ihrer Unterseiten.

Ausschneiden

Bereitet die Seite mitsamt ihren Unterseiten zum Verschieben vor.

Einfügen

Fügt eine zuvor kopierte oder ausgeschnittene Seite ein.

Löschen

Löscht die Seite einschließlich ihrer Unterseiten.

Als Startseite setzen

Legt die ausgewählte Seite als neue Startseite fest.

Erweiterte Einstellungen

Öffnet die Einstellungen, etwa für Weiterleitungen und SEO.

Berechtigungen

Zeigt die Zugriffsberechtigungen der Seite und ermöglicht deren Bearbeitung.

Kontextmenü

Hier stehen Informationen zum Veröffentlichungsdatum und zur letzten Änderung.

7. Legende des Seitenbaums

Die Legende erklärt die Symbole und Statusanzeigen des Seitenbaums.

  1. Scrolle zum unteren rechten Bereich der Seitenbaumansicht.
  2. Klicke auf das Informationssymbol.
  3. Die Legende mit den Erklärungen öffnet sich.

Die Legende hilft dir, die verschiedenen Symbole und den Veröffentlichungsstatus jederzeit nachzuschlagen.

Geöffnete Legende im django CMS mit Symbolen für Veröffentlichungsstatus, Menüanzeige und Seitentypen.