DocumentaçãoCommerceConteúdo e design

Hierarquia de página

Last update: Tue Nov 28 2023 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Tópicos:
  • CMS

Criado para:

  • Iniciante
  • Intermediário
  • Administrador
  • Usuário
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 árvore estrutura. 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ágina CMS {width="600" modal="regular"}

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

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

  3. Expandir 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 Comunicados à imprensa que tem navegação para press releases individuais. Em seguida, você pode incluir o link em seu 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 o Widget ferramenta 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. No Admin barra lateral, vá para Content > Elements>Hierarchy.

    Grade de páginas 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.

    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.

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

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

    A variável 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 para Yes.

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

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

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

    • Para atribuir o nó a uma parte específica do livro, defina Chapter/Section a 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, definir Enable Pagination para Yes.

  2. Para Frame, digite 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, digite 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 de página, definir Show in navigation menu para 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 de 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 no 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 a 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 numéricos, alfabéticos ou romanos, em maiúsculas ou minúsculas.

  6. Definir List Style a 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 para 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