Configurer la hiérarchie des pages

Les paramètres de configuration activent le système de hiérarchie de pages et les métadonnées, et déterminent la mise en page du menu par défaut.

Hiérarchie de page CMS

  1. Sur la barre latérale Admin, accédez à Stores > Settings>Configuration.

  2. Dans le panneau de gauche sous General, choisissez Content Management.

  3. Développez Sélecteur d’extension CMS Page Hierarchy et apportez les modifications nécessaires.

  4. Une fois l’opération terminée, cliquez sur Save Config.

ChampDescription
Enable Hierarchy FunctionalityActive l’utilisation de la hiérarchie de pages pour vos pages de contenu. Options : Yes / No
Enable Hierarchy MetadataLorsque cette option est activée, vous pouvez associer des métadonnées à des pages de la hiérarchie. Options : Yes / No
Default Layout for Hierarchy MenuDétermine le style de menu par défaut. Options : Content / Left Column / Right Column

Ajouter un noeud de hiérarchie

L’exemple suivant montre comment créer un noeud avec une navigation simple vers les pages de contenu associées. Bien qu’un noeud ne soit associé à aucune page de contenu, il dispose d’une clé d’URL qui peut être référencée ailleurs dans votre site.

Par exemple, vous pouvez créer un noeud appelé Communiqué de presse qui permet de naviguer jusqu’à des communiqués de presse individuels. Vous pouvez ensuite inclure le lien de votre page À propos de nous au noeud . Vous pouvez également créer un noeud pour un ensemble de problèmes antérieurs de votre newsletter.

Pour créer un lien vers un noeud, utilisez l’outil Widget pour créer un lien Noeud de hiérarchie CMS et placer le widget dans un bloc de contenu ou une page.

Exemple de menu de navigation sur la page À propos de nous

Étape 1 : création d’un noeud

  1. Sur la barre latérale Admin, accédez à Content > Elements>Hierarchy.

    Grille des pages CMS

  2. Au-dessus de la grille, cliquez sur Add Node….

  3. Sous Page Properties, saisissez un Title ​pour le noeud et un URL Key ​approprié.

    La clé URL fournit une adresse web unique pour le noeud. Il doit s’agir de caractères en minuscules, précédés de caractères pour séparer les mots et non d’espaces.

    Propriétés de page

  4. Cliquez sur Save.

    Le noeud apparaît sous la forme d’un dossier dans l’arborescence à gauche de la page.

Étape 2 : Ajouter des pages au noeud

  1. Dans l'arborescence, cliquez sur pour sélectionner le noeud.

  2. Cliquez sur Add Selected Pages(s) to Tree.

    Vous pouvez faire défiler la page vers le haut pour voir que chaque page sélectionnée s’affiche dans l’arborescence sous le dossier de noeud.

Etape 3 : définir la structure

  1. Si nécessaire, faites glisser les pages pour qu’elles reflètent l’ordre dans lequel elles doivent apparaître dans le menu.

    Faire glisser des pages en position

  2. Cliquez sur le noeud en haut de la hiérarchie.

    La section Page Properties ​affiche désormais des informations sur le noeud.

  3. Sous Render Metadata in HTML Head, procédez comme suit :

    Rendre les paramètres de métadonnées

    • Pour identifier le noeud en haut de la hiérarchie, définissez First sur Yes.

    • Pour afficher un contrôle de pagination, définissez Next/Previous sur Yes.

    • Pour organiser les pages de la hiérarchie sous forme de livre, définissez Enable Chapter/Section sur Yes.

      Si vous ne souhaitez pas inclure le noeud dans le livre, laissez la valeur par défaut No.

    • Pour attribuer le noeud à une partie spécifique du livre, définissez Chapter/Section sur l’une des options suivantes :

      • No - Ne définit pas le noeud en tant que chapitre/section.
      • Chapter - Attribue le noeud actif comme chapitre.
      • Section - Attribue le noeud actif sous la forme d’une section.
      • Both - Attribue le noeud actif comme chapitre et section.