Hierarquia de página

Última atualização: 14 de julho de 2024
  • Tópicos:
  • CMS

Criado para:

  • Iniciante
  • Intermediário
  • Administrador
  • Usuário
Recurso do Adobe Commerce 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

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

  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.

CampoDescrição
Enable Hierarchy FunctionalityAtiva o uso da hierarquia de páginas para suas páginas de conteúdo. Opções: Yes / No
Enable Hierarchy MetadataQuando essa opção é ativada, é possível associar metadados a páginas na hierarquia. Opções: Yes / No
Default Layout for Hierarchy MenuDetermina 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

Etapa 1: Criar um nó

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

    Grade de Páginas do CMS

  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

  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

  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

    • 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.