Ohne Navigationen wäre das Web undenkbar. Scrivito ermöglicht es Ihnen, effizient mit Navigationen zu arbeiten.

Eine Navigation mit Scrivito zu pflegen, bedeutet, Seiten direkt dort anzulegen oder einzufügen, wo sie erscheinen sollen, nämlich in der Navigation selbst. Damit Sie nachvollziehen können, wie dies funktioniert, zeigen wir hier anhand der Hauptnavigation der Scrivito Example App, wie leicht sich eine Website strukturieren lässt. Da die meisten auf Scrivito basierenden Websites die Example App als Ausgangspunkt haben, ist es recht wahrscheinlich, dass die Navigation Ihrer Website ähnlich aussieht und funktioniert.

Schalten Sie zunächst in den „Bearbeiten“-Modus, und werfen Sie dann einen Blick auf die Hauptnavigation, um zu sehen, woraus sie besteht.

Die Navigation als Ganzes wird durch einen blauen „Griff“ in ihrer rechten oberen Ecke repräsentiert. Schwebt der Mauszeiger darüber, wird ein Rahmen mit blauen Rändern sichtbar, der die Elemente der Navigation umfasst. Der „Griff“ ist eigentlich ein Button, der ein Menü öffnet, wenn man ihn anklickt. Mit den Befehlen in diesem Menü können Sie Seiten zu der Navigation hinzufügen, kopierte Seiten einfügen oder dorthin verschieben sowie ihre Elemente sortieren.

Beachten Sie bitte, dass der Punkt „Neue Seite” im Hauptmenü ganz oben rechts die neue Seite nicht in eine Navigation einfügt, sondern eine von Navigationen unabhängige Seite zu Ihren Inhalten hinzufügt. „Seite hinzufügen“ aus dem Menü einer Navigation dagegen fügt die neue Seite in genau diese Navigation ein.

Probieren Sie es aus: Klicken Sie auf „Seite hinzufügen“ und wählen Sie als Seitentyp „Page“. Dadurch wird eine „Untitled“-Seite an die bestehenden Navigationselemente angehängt. Sie könnten nun die neue Seite innerhalb der Navigation verschieben, indem Sie „Seiten sortieren“ aus ihrem Menü wählen.

Um sich ein Bild davon zu machen, wie solche blau umrandeten automatischen Navigationen funktionieren, können Sie sich einen Familienstammbaum mit einem einzigen Elternteil und beliebig vielen Nachfolgern vorstellen. Die Seitenhierarchie mit ihrer Homepage sieht genauso aus.

Im Falle der obigen Navigation ist jedes ihrer Elemente eine Unterseite der Homepage, die hier als Ausgangsseite („parent“) der Navigation dient. Bei Scrivito können Entwickler solche automatischen Navigationen an beliebigen Stellen der Website einfügen, also die jeweilige Ausgangsseite der Navigationen frei festlegen.

Die Hauptnavigation der Example App kann auch mit Untermenüs umgehen, was anhand ihrer Einträge „About“ und „Widgets & pages“ gezeigt wird. Der kleine Pfeil rechts neben diesen Einträgen weist darauf hin. Wenn Sie den Mauszeiger über einem der Einträge schweben lassen, öffnet sich das Untermenü automatisch. Wie auch die Hauptnavigation hat die sekundäre Navigation einen blauen Rahmen und einen „Griff“ mit einem Menü, über das Seiten hinzugefügt werden können, usw.

Um eine Seite zu verschieben, öffnen Sie sie, und wählen Sie dann „Seite kopieren oder verschieben“ aus Scrivitos Hauptmenü. Anschließend können Sie aus dem Menü der Navigation, in die die Seite aufgenommen werden soll, „Seite hierher verschieben“ wählen, um die kopierte Seite dort einfügen. Auf diese Art und Weise, d.h. indem Sie einen Befehl aus Scrivitos Hauptmenü mit einem Befehl einer Navigation kombinieren, können Sie Seiten innerhalb derselben Navigation oder übergreifend kopieren und verschieben, also beispielsweise zu Unterseiten machen.

Da wir uns bereits oben der Seitenhierarchie gewidmet haben, lassen Sie uns ohne Umschweife zu Scrivitos Hierarchie-Browser kommen. Er verschafft Ihnen einen Überblick der Struktur Ihrer Website und ermöglicht es, die Seiten bequem durchzugehen, um sie einzeln zu überprüfen oder anzupassen.

Automatische Navigationen für Unterseiten beziehen sich stets auf einen Teilbereich der Seitenhierarchie. Um zu sehen, was dies für die Hauptnavigation der Example App bedeutet, wählen Sie zunächst „Our clients“ aus dem „About“-Untermenü und öffnen dann den Hierarchie-Browser (mit dem entsprechenden Button aus dem oberen Bereich der Seitenleiste).

Die Seite “Our clients” ist im Hierarchie-Browser ausgewählt (und daher hervorgehoben) und ist umgeben von den anderen Einträgen im Untermenü „About“. Das oberste Element in der Hierarchie ist die Homepage mit ihren Unterseiten wie „Product“, „About“ usw., so wie in der Hauptnavigation. Mit den Pfeil-Buttons auf der linken Seite können Sie Seiten mit Unterseiten auf- und zuklappen.

Selektiert man eine Seite im Hierarchie-Browser, wird sie geöffnet, und der gewählte Eintrag auf der Seitenleiste wird hervorgehoben, sodass Sie stets wissen, welche Seite Sie gerade untersuchen. Der Inhalt der Seitenleiste bleibt erhalten, während Sie die angezeigte Seite ändern, um mehrere Seiten nacheinander bequem auswählen zu können.

Haben Sie den kleinen ⓘ-Button rechts oben auf der Seitenleiste bemerkt? Damit können Einzelheiten wie der Seitentyp und das Datum der letzten Änderung bei den Einträgen auf der Leiste ein- und ausgeblendet werden.