Hierarquia de página

Recurso do Adobe Commerce {width="20"} Recurso exclusivo somente no Adobe Commerce (Saiba mais)

O sistema de hierarquia de páginas de armazenamento oferece a capacidade de organizar suas páginas de conteúdo e adicionar paginação, navegação e menus. A página Política de privacidade nos dados de exemplo é um exemplo de página com um menu à esquerda. Se você publicar uma grande quantidade de conteúdo regularmente, poderá usar uma hierarquia de páginas para organizar seu conteúdo e facilitar a localização de artigos de interesse.

O sistema de hierarquia de páginas usa nós para identificar partes de conteúdo relacionadas e para organizar páginas de conteúdo em relacionamentos pai/filho. Um nó principal é como uma pasta que pode conter nós e páginas secundárias. A posição relativa de cada nó e página na hierarquia é mostrada como uma estrutura de árvore. Um nó pode conter outros nós e páginas de conteúdo, e uma única página de conteúdo pode ser associada a vários nós e outras páginas de conteúdo em uma relação pai/filho ou vizinho.

Página com navegação à esquerda {width="600" modal="regular"}

Configurar hierarquia de página

As configurações ativam o sistema de hierarquia de páginas e os metadados e determinam o layout padrão do menu.

Hierarquia de páginas do CMS {width="600" modal="regular"}

  1. Na barra lateral Admin, vá para Stores > Settings>Configuration.

  2. No painel esquerdo, em General, escolha Content Management.

  3. Expanda Seletor de expansão CMS Page Hierarchy e faça as alterações necessárias.

  4. Quando terminar, clique em Save Config.

Campo
Descrição
Enable Hierarchy Functionality
Ativa o uso da hierarquia de páginas para suas páginas de conteúdo. Opções: Yes / No
Enable Hierarchy Metadata
Quando essa opção é ativada, é possível associar metadados a páginas na hierarquia. Opções: Yes / No
Default Layout for Hierarchy Menu
Determina o estilo de menu padrão. Opções: Content / Left Column / Right Column

Adicionar um nó de hierarquia

O exemplo a seguir mostra como criar um nó com navegação simples para páginas de conteúdo relacionadas. Embora um nó não tenha uma página de conteúdo associada a ele, ele tem uma Chave de URL que pode ser referenciada em outro lugar do site.

Por exemplo, você pode criar um nó chamado Press Releases que tem navegação para press releases individuais. Em seguida, você pode incluir o link na página Sobre nós para o nó. Ou você pode criar um nó para uma coleção de problemas anteriores do seu informativo.

Para vincular a um nó, use a ferramenta Widget para criar um link de Nó de Hierarquia do CMS e colocar o widget em um bloco de conteúdo ou página.

Exemplo de menu de navegação na página Sobre Nós {width="600" modal="regular"}

Etapa 1: Criar um nó

  1. Na barra lateral Admin, vá para Content > Elements>Hierarchy.

    Grade de Páginas do CMS {width="600" modal="regular"}

  2. Acima da grade, clique em Add Node….

  3. Em Page Properties, insira um Title ​para o nó e um URL Key ​adequado.

    A chave do URL fornece um endereço da Web exclusivo para o nó. Deve conter somente caracteres minúsculos, usando hifens para separar palavras, em vez de espaços.

    Propriedades da página {width="500" modal="regular"}

  4. Clique em Save.

    O nó aparece como uma pasta na árvore à esquerda da página.

Etapa 2: adicionar páginas ao nó

  1. Na árvore hierárquica, clique em para selecionar o nó.

  2. Clique em Add Selected Pages(s) to Tree.

    Você pode rolar a tela para cima para ver que cada página selecionada aparece na árvore abaixo da pasta do nó.

Etapa 3: definir a estrutura

  1. Se necessário, arraste as páginas para a posição para refletir a ordem em que elas devem aparecer no menu.

    Arrastando páginas para a posição {width="500" modal="regular"}

  2. Clique no nó na parte superior da hierarquia.

    A seção Page Properties ​agora exibe informações sobre o nó.

  3. Em Render Metadata in HTML Head, faça o seguinte:

    Renderizar configurações de metadados {width="400" modal="regular"}

    • Para identificar o nó como o topo da hierarquia, defina First como Yes.

    • Para exibir um controle de paginação, defina Next/Previous como Yes.

    • Para organizar as páginas na hierarquia como um livro, defina Enable Chapter/Section como Yes.

      Se não quiser incluir o nó como parte do livro, deixe o No padrão.

    • Para atribuir o nó a uma parte específica do livro, defina Chapter/Section como um dos seguintes:

      • No - Não define o nó como capítulo/seção.
      • Chapter - Atribui o nó atual como um capítulo.
      • Section - Atribui o nó atual como uma seção.
      • Both - Atribui o nó atual como um capítulo e uma seção.

Etapa 4: adicionar controles de paginação

  1. Em Opções de Paginação para Páginas Aninhadas, defina Enable Pagination como Yes.

  2. Para Frame, insira o número de links de página que deseja incluir no controle de paginação.

    Se houver mais páginas na hierarquia que possam ser incluídas no controle de paginação.

  3. Para Frame Skip, insira o número de páginas que deseja pular adiante (ou voltar) para o próximo conjunto de links de paginação.

Etapa 5: Escolher o layout do menu

Se quiser que o nó seja exibido no menu, faça o seguinte:

  1. Em Opções do Menu de Navegação da Página, defina Show in navigation menu como Yes.

    Esta configuração determina se um menu de navegação é gerado para a hierarquia de páginas.

    Opções do menu de navegação da página {width="300" modal="regular"}

  2. Para especificar o local do menu em relação ao conteúdo, defina o Menu Layout:

    • Content - O layout do menu está no conteúdo.
    • Use Default - Usa o estilo de menu especificado na configuração.
    • Left Column - O menu é exibido à esquerda do conteúdo.
    • Right Column - O menu é exibido à direita do conteúdo.
  3. Para especificar quantos detalhes estão incluídos no menu, defina Menu Detalization como um dos seguintes:

    • Only Children - Inclui somente subpáginas no menu.
    • Neighbours and Children - Inclui subpáginas e outras páginas que estão no mesmo nível na hierarquia.
  4. Para determinar a profundidade do menu, insira o Maximal Depth para o número máximo de níveis a serem incluídos.

  5. Para formatar o menu, escolha uma List Type:

    • Unordered - As opções de menu não são numeradas e podem ser formatadas com ou sem marcadores. Opções para tipo de lista não ordenada: Padrão / Círculo / Disco / Quadrado
    • Ordered - As opções de menu são numeradas e podem ser formatadas como numerais numéricos, alfabéticos ou romanos, em maiúsculas ou minúsculas.
  6. Defina List Style como um dos seguintes:

    • Circle
    • Disc
    • Square
  7. Se você também quiser que o nó fique visível no menu de navegação, role até Opções do Menu de Navegação Principal e defina Show in Navigation menu como Yes.

    Opções do menu de navegação principal {width="250" modal="regular"}

  8. Clique em Save.

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