DokumentationCommerceInhalt und Design

Seitenhierarchie

Last update: Wed Dec 18 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Erstellt für:

  • Einsteiger
  • Fortgeschrittener
  • Admin
  • Benutzende
Adobe Commerce-Funktion {width="20"} Exklusive Funktion nur in Adobe Systems Commerce (Weitere Informationen)

Mit dem Hierarchie-System der Inhaltsseite können Sie Ihre Inhaltsseiten organisieren und Paginierung, Navigation und Menüs hinzufügen. Die Seite mit den Datenschutzrichtlinien 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 an Inhalten veröffentlichen, können Sie eine Seitenhierarchie verwenden, um Ihre Inhalte zu organisieren, damit Personen die interessanten Artikel leicht finden können.

Das Seitenhierarchiesystem verwendet -Knoten, um verwandte Inhaltselemente zu identifizieren und Inhaltsseiten in hierarchische Beziehungen zwischen übergeordneten und untergeordneten Elementen 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 Baumstruktur angezeigt. 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 {width="600" modal="regular"}

Konfigurieren der Seitenhierarchie

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

CMS-Seitenhierarchie {width="600" modal="regular"}

  1. Navigieren Sie in Admin-Seitenleiste zu Stores > Settings>Configuration.

  2. Wählen Sie im linken Bedienfeld unter General ​die Option Content Management ​aus.

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

  4. Klicken Sie abschließend 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
Bestimmt den Standardstil des Menüs. Optionen: Content / Left Column / Right Column

Hierarchieknoten hinzufügen

Das folgende Beispiel zeigt, wie Sie einen Knoten mit einfacher Navigation zu verwandten Inhaltsseiten erstellen. 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 erstellen, der Navigation zu einzelnen Pressemitteilungen enthält. Anschließend können Sie den Link auf Ihrer Seite "" Knoten einfügen. Oder Sie erstellen einen Knoten für eine Sammlung von früheren Ausgaben Ihres Newsletters.

Verwenden Sie zum Verknüpfen mit einem Knoten das Widget-Tool, um einen CMS Hierarchy Node-Link zu erstellen und das Widget in einem Inhaltsbaustein oder einer Seite zu platzieren.

Beispiel-Navigationsmenü auf der Seite „Über uns“ {width="600" modal="regular"}

Schritt 1: Erstellen eines Knotens

  1. Navigieren Sie in Admin-Seitenleiste zu Content > Elements>Hierarchy.

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

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

  3. Geben Sie unter Page Properties ​einen Title ​für den Knoten und einen geeigneten URL Key ​ein.

    Der URL-Schlüssel stellt eine eindeutige Web-Adresse für den Knoten bereit. Es müssen nur Kleinbuchstaben verwendet werden, wobei Bindestriche anstelle von Leerzeichen verwendet werden müssen, um Wörter zu trennen.

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

  4. Klicken Sie auf Save.

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

Schritt 2: Hinzufügen von Seiten zum Knoten

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

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

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

Schritt 3: Definieren der Struktur

  1. Ziehen Sie die Seiten gegebenenfalls in die Position, in der sie im Menü angezeigt werden sollen.

    Seiten in Position ziehen {width="500" modal="regular"}

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

    Im Abschnitt Page Properties ​werden jetzt Informationen zum Knoten angezeigt.

  3. Gehen Sie unter Render Metadata in HTML Head wie folgt vor:

    Rendern von Metadateneinstellungen {width="400" modal="regular"}

    • Um den Knoten als oberste Ebene der Hierarchie zu identifizieren, setzen Sie First auf Yes.

    • Um ein Paginierungssteuerelement anzuzeigen, setzen Sie Next/Previous auf Yes.

    • Um die Seiten in der Hierarchie wie ein Buch zu organisieren, legen Sie Enable Chapter/Section auf Yes fest.

      Wenn Sie den Knoten nicht als Teil des Buchs einbeziehen möchten, lassen Sie die No.

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

      • No - Der Knoten wird nicht als Kapitel/Abschnitt definiert.
      • 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: Paginierungssteuerelemente hinzufügen

  1. Legen unter „Paginierungsoptionen für verschachtelte" Enable Pagination auf Yes fest.

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

    Wenn es mehr Seiten in der Hierarchie gibt, die in das Paginierungssteuerelement aufgenommen werden können.

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

Schritt 5: Menülayout auswählen

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

  1. Legen unter „Optionen im Seitennavigationsmenü den Show in navigation menu auf Yes fest.

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

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

  2. Um die Position des Menüs in Bezug auf den Inhalt anzugeben, legen Sie die Menu Layout fest:

    • Content - Das Menü-Layout befindet sich im Inhalt.
    • Use Default - Verwendet den in der angegebenen Menüstil.
    • 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 das Menü enthalten soll, legen Sie Menu Detalization auf eine der folgenden Optionen fest:

    • Only Children - Enthält nur Unterseiten im Menü.
    • Neighbours and Children - Enthält Unterseiten und andere Seiten, die sich auf derselben Ebene in der Hierarchie befinden.

  4. Um die Tiefe des Menüs zu bestimmen, geben Sie den Maximal Depth für die maximale Anzahl der einzuschließenden Ebenen ein.

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

    • Unordered - Die Menüoptionen sind nicht nummeriert und können mit oder ohne Aufzählungszeichen formatiert werden. Optionen für unsortierten Listentyp: Standard / Kreis / Scheibe / Quadrat
    • Ordered - Die Menüoptionen sind nummeriert und können als numerische, alphabetische oder römische Ziffern in Groß- oder Kleinbuchstaben formatiert werden.

  6. Legen Sie List Style auf eine der folgenden Einstellungen fest:

    • Circle
    • Disc
    • Square

  7. Wenn der Knoten auch im Navigationsmenü sichtbar sein soll, scrollen Sie zu Hauptnavigationsmenüoptionen und setzen Sie Show in Navigation menu auf Yes.

    Optionen im Hauptnavigationsmenü {width="250" modal="regular"}

  8. Klicken Sie auf Save.

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