{"id":32057,"date":"2023-02-08T14:30:33","date_gmt":"2023-02-08T17:30:33","guid":{"rendered":"\/tutoriais\/?p=32057"},"modified":"2023-06-02T17:02:03","modified_gmt":"2023-06-02T20:02:03","slug":"wordpress-parent-page","status":"publish","type":"post","link":"\/pt\/tutoriais\/wordpress-parent-page","title":{"rendered":"WordPress parent page: qual o seu prop\u00f3sito e como configurar"},"content":{"rendered":"

A plataforma WordPress<\/strong> tem dois tipos padrão de publicações: posts e páginas. Diferentemente dos posts e de outros tipos personalizados de publicação, as páginas não precisam estar todas no mesmo nível. Isto é, os usuários podem criar parent pages e child pages (páginas “pais” e páginas “filhas”), estabelecendo uma hierarquia em seus sites. <\/p>

A prática é especialmente benéfica para sites WordPress com muitas informações estáticas, já que ela auxilia os visitantes a navegarem com facilidade pelo conteúdo. <\/p>

Este artigo vai explicar o passo-a-passo para criar uma parent page no WordPress e também vai ensinar três métodos diferentes para exibir uma lista de child pages no site. Você também vai aprender a administrar essa relação entre as páginas parent e child.<\/p>

\"\"<\/a><\/figure>

\n\n\n\n\n\n\n

\n

O Que É uma Parent Page?<\/strong><\/h4>\n

Uma parent page do WordPress é uma página de topo da hierarquia de um site. Já as sub-páginas que ficam situadas abaixo dela são chamadas de child pages.<\/p>\n <\/div>\n\n\n\n<\/p>

Diferenças Entre uma Parent Page e uma Child Page<\/strong><\/h2>

Criar uma estrutura hierárquica no seu site exige o estabelecimento de uma relação parent-child entre todas as páginas individuais. Nesse tipo de configuração, as parent pages estão em um nível superior ao das child pages, o que significa que as child pages não podem existir sem uma parent page. <\/p>

\n
\"Página<\/figure><\/div>

Vamos analisar a página de tutoriais de Hostinger como um exemplo. Abaixo do menu principal (na barra superior), você encontra seis categorias, incluindo WordPress, VPS, Desenvolvimento Web e Webinars. Essas são todas child pages localizadas sob a parent page dos \/tutoriais\/<\/strong>.<\/p>

Outro fator que diferencia as child pages das parent pages é a URL delas. Por padrão, as child pages carregam a slug<\/em><\/strong><\/a> da parent page em sua URL, assim o endereço delas indica a relação de hierarquia estabelecida no site. <\/p>

Por exemplo, a URL da parent page da página de Tutoriais da Hostinger<\/strong> é hostinger.com.br\/tutoriais\/<\/strong><\/a>, já a URL da child page da categoria de tutoriais sobre WordPress é hostinger.com.br\/tutoriais\/wordpress<\/strong><\/a>. <\/p>

Como Configurar Parent Pages e Child Pages no WordPress<\/strong><\/h2>

Para estabelecer uma estrutura hierárquica nas páginas do seu site, é preciso primeiramente publicar sua primeira página no WordPress. Abaixo, indicamos os passos para criar parent pages na plataforma:<\/p>

    \n
  1. No seu painel do WordPress, navegue até o menu de Páginas <\/strong>e selecione a opção Adicionar Nova<\/strong>.<\/li>\n\n\n\n
  2. Clique em Prévia<\/strong> para conferir como está a aparência da página e, quando ela estiver de acordo com o que você deseja, clique em Publicar<\/strong>.<\/li>\n<\/ol>
    \n
    \"Exemplo<\/figure><\/div>

    Repita esse mesmo processo para adicionar outras parent pages no seu site. <\/p>

    Agora você já pode começar a criar child pages:<\/p>

      \n
    1. No painel de administração do WordPress, navegue até o menu de Páginas → Adicionar Nova<\/strong>.<\/li>\n\n\n\n
    2. Insira o título e o conteúdo que deseja exibir na página. <\/li>\n\n\n\n
    3. No menu lateral direito, acesse a aba Page <\/strong>ou Página<\/strong> e localize a seção de Atributos da Página <\/strong>ou Page Attributes<\/strong>. Então, a partir do menu suspenso, escolha uma página específica para configurar como a parent page dessa child page que você está criando.<\/li>\n\n\n\n
    4. Clique em Publicar <\/strong>assim que concluir.<\/li>\n<\/ol>
      \n
      \"Criação<\/figure><\/div>

      Repita estes passos quantas vezes forem necessárias para criar múltiplas child pages. Você pode alterar a ordem de exibição delas ao atribuir um valor numérico para cada child page. Para fazer isso, utilize a caixa de texto Order <\/strong>ou Ordem<\/strong> na seção de atributos da página. <\/p>

      \n\n\n\n

      \n

      A Seção de Atributos da Página Não Está Aparecendo?<\/strong><\/h4>\n

      No topo da sua página, há as Opções de Tel. Clique nesse menu suspenso e, quando as opções forem exibidas, selecione a caixinha ao lado dos Atributos da Página. Agora você poderá configurar parent pages e child pages no seu site.<\/p>\n <\/div>\n\n\n\n<\/p>

      Como Exibir a Lista de Child Pages de uma Parent Page<\/strong><\/h2>

      Exibir a lista de child pages na respectiva parent page delas é uma ótima maneira de criar uma estrutura clara para suas páginas. Ao fazer isso, você permite que seus visitantes encontrem as informações que estão buscando de forma muito mais fácil e rápida, melhorando a experiência do usuário e a navegação do site.<\/p>

      Há três maneiras de fazer a exibição da lista de suas child pages: utilizando um plugin do WordPress, programando ela manualmente, ou editando o template <\/em>(ou modelo) da página. <\/p>

      Use um Plugin para Exibir a Lista de Child Pages <\/strong><\/h3>

      Esse método é o mais simples de todos, porque um plugin facilita muito o processo de configuração da lista de child pages. Os melhores plugins do WordPress<\/strong><\/a> oferecem parâmetros de shortcodes para adicionar a lista de child pages em uma parent page e ainda configurar o estilo da lista. <\/p>

      Há diversas opções de plugins disponíveis no diretório do WordPress<\/strong><\/a> que servem para essa funcionalidade. Neste tutorial, vamos utilizar o plugin Page-list<\/strong><\/a>. Primeiramente, você deve instalar e ativar o plugin<\/strong><\/a>. <\/p>

      \n
      \"Plugin<\/figure><\/div>

      Acessando a página do plugin Page-list através do painel do WordPress, você verá um conjunto de shortcodes com parâmetros para configurar o estilo das listas:<\/p>