Seitenhierarchie

Adobe Commerce-Funktion {width="20"} Nur in Adobe Commerce verfügbare Funktion (Weitere Infos)

Mit dem hierarchischen System für Speicherseiten können Sie Ihre Inhaltsseiten organisieren und Paginierung, Navigation und Menüs hinzufügen. Die Seite Datenschutzrichtlinie in den Beispieldaten ist ein Beispiel für eine Seite mit einem Menü auf der linken Seite. Wenn Sie regelmäßig eine große Menge von Inhalten veröffentlichen, können Sie Ihre Inhalte mithilfe einer Seitenhierarchie organisieren, um Personen das Auffinden von interessanten Artikeln zu erleichtern.

Das Seitenhierarchiesystem verwendet Knoten, um verwandte Inhaltselemente zu identifizieren und Inhaltsseiten in übergeordneten/untergeordneten Beziehungen zu organisieren. Ein übergeordneter Knoten ist wie ein Ordner, der untergeordnete Knoten und Seiten enthalten kann. Die relative Position jedes Knotens und jeder Seite in der Hierarchie wird als tree Struktur. Ein Knoten kann andere Knoten und Inhaltsseiten enthalten und eine einzelne Inhaltsseite kann mit mehreren Knoten und anderen Inhaltsseiten in einer übergeordneten/untergeordneten oder benachbarten Beziehung verknüpft sein.

Seite mit linker Navigation

Konfigurieren der Seitenhierarchie

Die Konfigurationseinstellungen aktivieren das Seitenhierarchiesystem und die Metadaten und bestimmen das Standardmenülayout.

CMS-Seitenhierarchie

  1. Im Admin Seitenleiste, navigieren Sie zu Stores > Settings>Configuration.

  2. Im linken Bereich unter General ​auswählen Content Management.

  3. Erweitern Erweiterungsauswahl CMS Page Hierarchy und nehmen die erforderlichen Änderungen vor.

  4. Wenn Sie fertig sind, klicken Sie auf Save Config.

Feld
Beschreibung
Enable Hierarchy Functionality
Aktiviert die Verwendung der Seitenhierarchie für Ihre Inhaltsseiten. Optionen: Yes / No
Enable Hierarchy Metadata
Wenn diese Option aktiviert ist, können Sie Metadaten mit Seiten in der Hierarchie verknüpfen. Optionen: Yes / No
Default Layout for Hierarchy Menu
Legt den Standardmenüstil fest. Optionen: Content / Left Column / Right Column

Hierarchieknoten hinzufügen

Das folgende Beispiel zeigt, wie ein Knoten mit einfacher Navigation zu verwandten Inhaltsseiten erstellt wird. Obwohl einem Knoten keine Inhaltsseite zugeordnet ist, verfügt er über einen URL-Schlüssel, der an anderer Stelle auf Ihrer Site referenziert werden kann.

Sie können beispielsweise einen Knoten mit dem Namen Pressemitteilungen die Navigation zu einzelnen Pressemitteilungen hat. Anschließend können Sie den Link in Ihre Über uns zum Knoten hinzu. Oder Sie erstellen einen Knoten für eine Sammlung von Back-Ausgaben Ihres Newsletters.

Verwenden Sie zum Verknüpfen mit einem Knoten die Widget Tool zum Erstellen eines CMS-Hierarchieknotenlinks und Platzieren des Widgets in einem Inhaltsbaustein oder auf einer Seite.

Beispielnavigationsmenü auf der Seite "Über uns"

Schritt 1: Erstellen eines Knotens

  1. Im Admin Seitenleiste, navigieren Sie zu Content > Elements>Hierarchy.

    CMS-Seiten-Raster {width="600" modal="regular"}

  2. Klicken Sie über dem Raster auf Add Node….

  3. under Page Properties ​eingeben,Title ​für den Knoten und eine geeignete URL Key.

    Der URL-Schlüssel stellt eine eindeutige Webadresse für den Knoten bereit. Hierbei muss es sich um Kleinbuchstaben handeln, wobei Trennzeichen anstelle von Leerzeichen verwendet werden.

    Seiteneigenschaften {width="500" modal="regular"}

  4. Klicken Save.

    Der Knoten wird in der Baumstruktur links auf der Seite als Ordner angezeigt.

Schritt 2: Hinzufügen von Seiten zum Knoten

  1. Klicken Sie in der Hierarchiestruktur auf , um den Knoten auszuwählen.

  2. Klicken Add Selected Pages(s) to Tree.

    Sie können nach oben scrollen, um zu sehen, dass jede ausgewählte Seite in der Struktur unter dem Knotenordner angezeigt wird.

3. Schritt: Struktur definieren

  1. Ziehen Sie die Seiten bei Bedarf an die gewünschte Position, um sie im Menü anzuzeigen.

    Ziehen von Seiten an die Position {width="500" modal="regular"}

  2. Klicken Sie oben in der Hierarchie auf den Knoten .

    Die Page Properties-Abschnitt zeigt nun Informationen zum Knoten an.

  3. under Render Metadata in HTML Head führen Sie folgende Schritte aus:

    Metadaten-Einstellungen rendern {width="400" modal="regular"}

    • Um den Knoten als den oberen Rand der Hierarchie zu kennzeichnen, legen Sie First nach Yes.

    • Um ein Paginierungssteuerelement anzuzeigen, legen Sie Next/Previous nach Yes.

    • Um die Seiten in der Hierarchie als Buch zu organisieren, legen Sie Enable Chapter/Section nach Yes.

      Wenn Sie den Knoten nicht als Teil des Buches einbeziehen möchten, behalten Sie die Standardeinstellung bei No.

    • Um den Knoten einem bestimmten Teil des Buches zuzuweisen, legen Sie Chapter/Section auf einen der folgenden Werte zu:

      • No - definiert den Knoten nicht als Kapitel/Abschnitt.
      • Chapter - Weist den aktuellen Knoten als Kapitel zu.
      • Section - Weist den aktuellen Knoten als Abschnitt zu.
      • Both - Weist den aktuellen Knoten sowohl als Kapitel als auch als Abschnitt zu.

Schritt 4: Hinzufügen von Paginierungskontrollen

  1. under Paginierungsoptionen für verschachtelte Seiten, set Enable Pagination nach Yes.

  2. Für Frame Geben Sie die Anzahl der Seitenlinks ein, die Sie in das Paginierungssteuerelement aufnehmen möchten.

    Wenn die Hierarchie mehrere Seiten enthält, die in das Paginierungssteuerelement aufgenommen werden können.

  3. Für Frame Skip Geben Sie die Anzahl der Seiten ein, die Sie für den nächsten Satz von Paginierungslinks voraus (oder zurück) überspringen möchten.

Schritt 5: Menülayout auswählen

Wenn der Knoten im Menü angezeigt werden soll, gehen Sie wie folgt vor:

  1. under Menüoptionen für Seitennavigation, set Show in navigation menu nach Yes.

    Diese Einstellung bestimmt, ob ein Navigationsmenü für die Seitenhierarchie generiert wird.

    Menüoptionen für Seitennavigation {width="300" modal="regular"}

  2. Um die Position des Menüs im Verhältnis zum Inhalt anzugeben, legen Sie die Menu Layout:

    • Content - Das Menülayout befindet sich im Inhalt.
    • Use Default - Verwendet den im Konfiguration.
    • Left Column - Das Menü wird links neben dem Inhalt angezeigt.
    • Right Column - Das Menü wird rechts neben dem Inhalt angezeigt.
  3. Um festzulegen, wie viele Details im Menü enthalten sind, legen Sie Menu Detalization auf einen der folgenden Werte zu:

    • Only Children - Enthält nur Unterseiten im Menü.
    • Neighbours and Children - Umfasst Unterseiten und andere Seiten, die sich auf derselben Ebene in der Hierarchie befinden.
  4. Um die Tiefe des Menüs zu bestimmen, geben Sie die Maximal Depth für die maximale Anzahl der einzuschließenden Ebenen.

  5. Um das Menü zu formatieren, wählen Sie eine List Type:

    • Unordered - Die Menüoptionen sind nicht nummeriert und können mit oder ohne Aufzählungszeichen formatiert werden. Optionen für ungeordneten Listentyp: Standard/Kreis/Datenträger/Quadrat
    • Ordered - Die Menüoptionen sind nummeriert und können als numerische, alphabetische oder römische Zahlen in Groß- oder Kleinbuchstaben formatiert werden.
  6. Satz List Style auf einen der folgenden Werte zu:

    • Circle
    • Disc
    • Square
  7. Wenn Sie auch möchten, dass der Knoten im Navigationsmenü angezeigt wird, scrollen Sie zu Menüoptionen für Hauptnavigation und Show in Navigation menu nach Yes.

    Menüoptionen im Hauptnavigationsmenü {width="250" modal="regular"}

  8. Klicken Save.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de