{"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":"\/br\/tutoriais\/wordpress-parent-page\/","title":{"rendered":"WordPress parent page: qual o seu prop\u00f3sito e como configurar"},"content":{"rendered":"<p class=\"wp-block-paragraph\">A <strong>plataforma WordPress<\/strong> tem dois tipos padr&atilde;o de publica&ccedil;&otilde;es: posts e p&aacute;ginas. Diferentemente dos posts e de outros tipos personalizados de publica&ccedil;&atilde;o, as p&aacute;ginas n&atilde;o precisam estar todas no mesmo n&iacute;vel. Isto &eacute;, os usu&aacute;rios podem criar parent pages e child pages (p&aacute;ginas &ldquo;pais&rdquo; e p&aacute;ginas &ldquo;filhas&rdquo;), estabelecendo uma hierarquia em seus sites.&nbsp;<\/p><p class=\"wp-block-paragraph\">A pr&aacute;tica &eacute; especialmente ben&eacute;fica para sites WordPress com muitas informa&ccedil;&otilde;es est&aacute;ticas, j&aacute; que ela auxilia os visitantes a navegarem com facilidade pelo conte&uacute;do.&nbsp;<\/p><p class=\"wp-block-paragraph\">Este artigo vai explicar o passo-a-passo para criar uma parent page no WordPress e tamb&eacute;m vai ensinar tr&ecirc;s m&eacute;todos diferentes para exibir uma lista de child pages no site. Voc&ecirc; tamb&eacute;m vai aprender a administrar essa rela&ccedil;&atilde;o entre as p&aacute;ginas parent e child.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/WordPress-Security-Checklist(pt-br).pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-30402\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n\n<\/p><p class=\"wp-block-paragraph\">        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    &lt;strong&gt;O Que &Eacute; uma Parent Page?&lt;\/strong&gt;                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Uma parent page do WordPress &eacute; uma p&aacute;gina de topo da hierarquia de um site. J&aacute; as sub-p&aacute;ginas que ficam situadas abaixo dela s&atilde;o chamadas de child pages.<\/p>\n                    <\/div>\n        <\/p><h2 class=\"wp-block-heading\" id=\"h-diferencas-entre-uma-parent-page-e-uma-child-page\"><strong>Diferen&ccedil;as Entre uma Parent Page e uma Child Page<\/strong><\/h2><p class=\"wp-block-paragraph\">Criar uma estrutura hier&aacute;rquica no seu site exige o estabelecimento de uma rela&ccedil;&atilde;o parent-child entre todas as p&aacute;ginas individuais. Nesse tipo de configura&ccedil;&atilde;o, as parent pages est&atilde;o em um n&iacute;vel superior ao das child pages, o que significa que as child pages n&atilde;o podem existir sem uma parent page.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/V077FG_Ri8azg_rMoi7yrdOdeKgrH1T8ljEvjd546vRQcnB2yYxxDXWRAR9dI_S52XOyTJiJ5mISDg3Ru66sI___R6X2BZNkgz1dRhkYCIjY2Or8DcX4PeNcU_RmlsMIdigXbdIC98dpYMYr5uMW9w\" alt=\"P&aacute;gina inicial dos tutoriais da Hostinger\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Vamos analisar a p&aacute;gina de tutoriais de Hostinger como um exemplo. Abaixo do menu principal (na barra superior), voc&ecirc; encontra seis categorias, incluindo WordPress, VPS, Desenvolvimento Web e Webinars. Essas s&atilde;o todas child pages localizadas sob a parent page dos <strong>\/tutoriais\/<\/strong>.<\/p><p class=\"wp-block-paragraph\">Outro fator que diferencia as child pages das parent pages &eacute; a URL delas. Por padr&atilde;o, as child pages carregam a <a href=\"\/br\/tutoriais\/o-que-e-slug-wordpress\/\"><strong><em>slug<\/em><\/strong><\/a> da parent page em sua URL, assim o endere&ccedil;o delas indica a rela&ccedil;&atilde;o de hierarquia estabelecida no site.&nbsp;<\/p><p class=\"wp-block-paragraph\">Por exemplo, a URL da parent page da p&aacute;gina de <strong>Tutoriais da Hostinger<\/strong> &eacute; <a href=\"https:\/\/blog.hostinger.io\/br-tutoriais\" target=\"_blank\" rel=\"noopener\"><strong>hostinger.com.br\/tutoriais\/<\/strong><\/a>, j&aacute; a URL da child page da categoria de tutoriais sobre WordPress &eacute; <a href=\"https:\/\/www.hostinger.com\/br\/tutoriais\/wordpress\/\"><strong>hostinger.com.br\/tutoriais\/wordpress<\/strong><\/a>.&nbsp;<\/p><h2 class=\"wp-block-heading\" id=\"h-como-configurar-parent-pages-e-child-pages-no-wordpress\"><strong>Como Configurar Parent Pages e Child Pages no WordPress<\/strong><\/h2><p class=\"wp-block-paragraph\">Para estabelecer uma estrutura hier&aacute;rquica nas p&aacute;ginas do seu site, &eacute; preciso primeiramente publicar sua primeira p&aacute;gina no WordPress. Abaixo, indicamos os passos para criar parent pages na plataforma:<\/p><ol class=\"wp-block-list\">\n<li>No seu painel do WordPress, navegue at&eacute; o menu de <strong>P&aacute;ginas <\/strong>e selecione a op&ccedil;&atilde;o<strong> Adicionar Nova<\/strong>.<\/li>\n\n\n\n<li>Clique em <strong>Pr&eacute;via<\/strong> para conferir como est&aacute; a apar&ecirc;ncia da p&aacute;gina e, quando ela estiver de acordo com o que voc&ecirc; deseja, clique em <strong>Publicar<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/YsSRAO55xDbiwGLn5c87grbAOJE9qlB_lGom8lv4YA0azSKlguBmASD0CmQVhjRUL1iyO9YD0tIMjwyUTCK2S2hwNpiVfNz83kf8p40mbWqPn4X1OZLtdvSSPl2gGhElFnS65Ugyf_fSptC9twjX3A\" alt=\"Exemplo de nova p&aacute;gina criada non WordPress\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Repita esse mesmo processo para adicionar outras parent pages no seu site.&nbsp;<\/p><p class=\"wp-block-paragraph\">Agora voc&ecirc; j&aacute; pode come&ccedil;ar a criar child pages:<\/p><ol class=\"wp-block-list\">\n<li>No painel de administra&ccedil;&atilde;o do WordPress, navegue at&eacute; o menu de <strong>P&aacute;ginas &rarr; Adicionar Nova<\/strong>.<\/li>\n\n\n\n<li>Insira o t&iacute;tulo e o conte&uacute;do que deseja exibir na p&aacute;gina.&nbsp;<\/li>\n\n\n\n<li>No menu lateral direito, acesse a aba <strong>Page <\/strong>ou <strong>P&aacute;gina<\/strong> e localize a se&ccedil;&atilde;o de <strong>Atributos da P&aacute;gina <\/strong>ou <strong>Page Attributes<\/strong>. Ent&atilde;o, a partir do menu suspenso, escolha uma p&aacute;gina espec&iacute;fica para configurar como a parent page dessa child page que voc&ecirc; est&aacute; criando.<\/li>\n\n\n\n<li>Clique em <strong>Publicar <\/strong>assim que concluir.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/gmjOrSu1H8R9t1JS3S4zEzhi-B2LtQ4r5A9lhRl2cYIWo9mUpHC3o80If1kcjDv2xy4sSBF_1sS42GLKufmtrpLqoIFD0eKJxa2IvEX-dv76_4-4MyVKAmT1EKtT3hgbKKM0gEWSg8Sr\" alt=\"Cria&ccedil;&atilde;o de nova p&aacute;gina no WordPress com destaque para a se&ccedil;&atilde;o de atribuos da p&aacute;gina indicando a parent page da nova child page criada\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Repita estes passos quantas vezes forem necess&aacute;rias para criar m&uacute;ltiplas child pages. Voc&ecirc; pode alterar a ordem de exibi&ccedil;&atilde;o delas ao atribuir um valor num&eacute;rico para cada child page. Para fazer isso, utilize a caixa de texto <strong>Order <\/strong>ou <strong>Ordem<\/strong> na se&ccedil;&atilde;o de atributos da p&aacute;gina.&nbsp;<\/p><p class=\"wp-block-paragraph\">        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    &lt;strong&gt;A Se&ccedil;&atilde;o de Atributos da P&aacute;gina N&atilde;o Est&aacute; Aparecendo?&lt;\/strong&gt;                <\/p>\n            <\/div>\n            <p class=\"protip__content\">No topo da sua p&aacute;gina, h&aacute; as Op&ccedil;&otilde;es de Tel. Clique nesse menu suspenso e, quando as op&ccedil;&otilde;es forem exibidas, selecione a caixinha ao lado dos Atributos da P&aacute;gina. Agora voc&ecirc; poder&aacute; configurar parent pages e child pages no seu site.<\/p>\n                    <\/div>\n        <\/p><h2 class=\"wp-block-heading\" id=\"h-como-exibir-a-lista-de-child-pages-de-uma-parent-page\"><strong>Como Exibir a Lista de Child Pages de uma Parent Page<\/strong><\/h2><p class=\"wp-block-paragraph\">Exibir a lista de child pages na respectiva parent page delas &eacute; uma &oacute;tima maneira de criar uma estrutura clara para suas p&aacute;ginas. Ao fazer isso, voc&ecirc; permite que seus visitantes encontrem as informa&ccedil;&otilde;es que est&atilde;o buscando de forma muito mais f&aacute;cil e r&aacute;pida, melhorando a experi&ecirc;ncia do usu&aacute;rio e a navega&ccedil;&atilde;o do site.<\/p><p class=\"wp-block-paragraph\">H&aacute; tr&ecirc;s maneiras de fazer a exibi&ccedil;&atilde;o da lista de suas child pages: utilizando um plugin do WordPress, programando ela manualmente, ou editando o <em>template <\/em>(ou modelo) da p&aacute;gina.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-use-um-plugin-para-exibir-a-lista-de-child-pages\"><strong>Use um Plugin para Exibir a Lista de Child Pages&nbsp;<\/strong><\/h3><p class=\"wp-block-paragraph\">Esse m&eacute;todo &eacute; o mais simples de todos, porque um plugin facilita muito o processo de configura&ccedil;&atilde;o da lista de child pages. Os <a href=\"\/br\/tutoriais\/melhores-plugins-wordpress\/\"><strong>melhores plugins do WordPress<\/strong><\/a> oferecem par&acirc;metros de shortcodes para adicionar a lista de child pages em uma parent page e ainda configurar o estilo da lista.&nbsp;<\/p><p class=\"wp-block-paragraph\">H&aacute; diversas op&ccedil;&otilde;es de plugins dispon&iacute;veis no <a href=\"https:\/\/br.wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noopener\"><strong>diret&oacute;rio do WordPress<\/strong><\/a> que servem para essa funcionalidade. Neste tutorial, vamos utilizar o plugin <a href=\"https:\/\/br.wordpress.org\/plugins\/page-list\/\" target=\"_blank\" rel=\"noopener\"><strong>Page-list<\/strong><\/a>. Primeiramente, voc&ecirc; deve <a href=\"\/br\/tutoriais\/como-instalar-plugins-wordpress\/\"><strong>instalar e ativar o plugin<\/strong><\/a>.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/Wm6fd9q7nrW85ejVLZ_H1ikSFFvJeoKPYP84HzXv-CJRE2TkCu8Ux4sVdlm_3SmbRvUdjQ7-q6-aAUO61G9ot0i_ibaIm72Egu6_M0QvFDuRs_efDumZ5jG8LjQBULPFv01xuZhoG8AgTNk_uGlyIw\" alt=\"Plugin Page-list no diret&oacute;rio oficial de plugins do WordPress\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Acessando a p&aacute;gina do plugin Page-list atrav&eacute;s do painel do WordPress, voc&ecirc; ver&aacute; um conjunto de shortcodes com par&acirc;metros para configurar o estilo das listas:<\/p><ul class=\"wp-block-list\">\n<li><strong>[pagelist]<\/strong> &#8210; exibe o <a href=\"\/br\/tutoriais\/como-criar-sitemap-para-wordpress\/\"><strong>sitemap<\/strong><\/a> completo do site.<\/li>\n\n\n\n<li><strong>[subpages]<\/strong> &#8210; exibe as child pages da p&aacute;gina atual.<\/li>\n\n\n\n<li><strong>[siblings]<\/strong> &#8210; exibe as <em>sibling pages<\/em>, ou p&aacute;ginas-irm&atilde;s, da p&aacute;gina atual. Estas s&atilde;o p&aacute;ginas agrupadas sob a mesma parent page.&nbsp;<\/li>\n\n\n\n<li><strong>[pagelist_ext]<\/strong> &#8210; exibe a lista das p&aacute;ginas com suas respectivas imagens destacadas e trechos de conte&uacute;do.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Abaixo indicamos o passo-a-passo de como utilizar o plugin Page-lista para exibir uma lista de child pages no seu site WordPress:<\/p><ol class=\"wp-block-list\">\n<li>Insira o shortcode <strong>[subpages]<\/strong> em qualquer local dentro da parent page e clique em <strong>Update <\/strong>para atualizar.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/65NDjSHoi2jRbzhqTHWuntLNveyDZ8mzZDUHtY6gnH1M1hOHnXhvVhAX1lzM0Ln9VG2h6MyW7kJZ6ME7jivijkWMrp76lzropUCamGW0NcnkxE4dlCX7NqnvF2N5Fn3DNrIAXDctfeWPdIQSxkL5UA\" alt=\"Parent Page com o c&oacute;digo [subpages] e destaque para o bot&atilde;o de atuqaliza&ccedil;&atilde;o no topo da janela\"><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>A imagem abaixo &eacute; um exemplo da aplica&ccedil;&atilde;o do <em>shortcode<\/em> utilizado no passo anterior. Voc&ecirc; pode adicionar uma classe CSS personalizada ou combinar o shortcode principal com outros par&acirc;metros dispon&iacute;veis para personalizar o estilo da lista de child pages.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/XbMI45po_8kYJSSAS_GcKQpYDLjJyt4DdhlMN2XEnMJdBjvkkg4iBT3p1YqfuBXufyO-n9TGcU8dJ5wD8MvrSlNydctHU_3aYGyBndptIwOSwF95g5Y3n2MJuCI6aJ3Dad-DGmJuDXWkgTauEFp4TA\" alt=\"Exemplo de p&aacute;gina (parent page) em um site com lista de child pages\"><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-adicione-um-codigo-de-programacao-para-exibir-a-lista-de-child-pages\"><strong>Adicione um C&oacute;digo de Programa&ccedil;&atilde;o para Exibir a Lista de Child Pages<\/strong><\/h3><p class=\"wp-block-paragraph\">Fazer a codifica&ccedil;&atilde;o manual da lista de child pages oferece mais flexibilidade para personaliza&ccedil;&atilde;o. De todo modo, esse processo exige certo conhecimento t&eacute;cnico, ent&atilde;o pode n&atilde;o ser adequado para quem est&aacute; apenas come&ccedil;ando no WordPress ou para usu&aacute;rios sem conhecimento de desenvolvimento web.<\/p><p class=\"wp-block-paragraph\">O c&oacute;digo em quest&atilde;o deve ser adicionar ao arquivo <strong>functions.php<\/strong> do tema que est&aacute; ativo no site. Para acessar este arquivo, voc&ecirc; pode utilizar o seu <a href=\"\/br\/tutoriais\/como-utilizar-o-gerenciador-de-arquivos-hostinger\/\"><strong>Gerenciador de Arquivos<\/strong><\/a> ou um <a href=\"\/br\/tutoriais\/como-configurar-o-cliente-filezilla\/\"><strong>cliente FTP<\/strong><\/a>.<\/p><p class=\"wp-block-paragraph\">Se voc&ecirc; usa uma <a href=\"\/br\/hospedagem-wordpress\">hospedagem dedicada WordPress<\/a>, ou ent&atilde;o os servi&ccedil;os de <a href=\"https:\/\/www.hostinger.com\/br\/hospedagem-de-sites\"><strong>hospedagem de sites da Hostinger<\/strong><\/a>, abaixo descrevemos os passos para criar um index de child pages atrav&eacute;s do <strong>Gerenciador de Arquivos do hPanel:<\/strong><\/p><ol class=\"wp-block-list\">\n<li>Em seu painel de hospedagem, navegue at&eacute; a se&ccedil;&atilde;o de <strong>Arquivos &rarr; Gerenciador de Arquivos<\/strong>.<\/li>\n\n\n\n<li>Acesse o diret&oacute;rio raiz (<strong>public_hmtl<\/strong>) do site e entre na pasta de conte&uacute;dos do WordPress, a <strong>wp-content<\/strong>. Depois, acesse a pasta de temas (<strong>themes)<\/strong>.<\/li>\n\n\n\n<li>Abra a pasta do tema que est&aacute; atualmente ativo em seu site e localize o arquivo <strong>functions.php<\/strong>.<\/li>\n\n\n\n<li>Clique duas vezes nesse arquivo e adicione o c&oacute;digo indicado abaixo no final dele:<\/li>\n<\/ol><pre class=\"wp-block-code\"><code>function wpb_list_child_pages() {\n\nglobal $post; \n\nif ( is_page() &amp;&amp; $post-&gt;post_parent )\n\n   $childpages = wp_list_pages( 'sort_column=menu_order&amp;title_li=&amp;child_of=' . $post-&gt;post_parent . '&amp;echo=0' );\n\nelse\n\n   $childpages = wp_list_pages( 'sort_column=menu_order&amp;title_li=&amp;child_of=' . $post-&gt;ID . '&amp;echo=0' );\n\nif ( $childpages ) {\n\n   $string = '&lt;ul class=\"wpb_page_list\"&gt;' . $childpages . '&lt;\/ul&gt;';\n\n}\n\nreturn $string;\n\n}\n\nadd_shortcode('wpb_childpages', 'wpb_list_child_pages');<\/code><\/pre><ol class=\"wp-block-list\" start=\"5\">\n<li>Salve as altera&ccedil;&otilde;es. Agora, acesse seu painel WordPress.&nbsp;<\/li>\n\n\n\n<li>Navegue at&eacute; a se&ccedil;&atilde;o de <strong>Apar&ecirc;ncia &rarr; Widgets <\/strong>e adicione o shortcode <strong>[wpb_childpages]<\/strong> em qualquer local da &aacute;rea de widgets. Alternativamente, voc&ecirc; pode inserir o shortcode diretamente nas parent pages.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/IlEm8pEWSw4cB82Ye9gLpBgGZrQa59pH6WzfEJuaU8gjGeWwdM-7NUoiUch8GFtpX9YUtXC8RQOayGP6-ikcNJVcyCK2njfEcLI1Yi4e0TgCJzbInTCCVKJSVOu46A4KJg7CAhduv9CWh7UcXmFkKg\" alt=\"Exemplo de p&aacute;gina de um site (parent page) com a lista de suas child pages\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><div class=\"announcement-block announcement-block--important\">\n            <span class=\"announcement-block__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                          d=\"M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM13.637 7.65198C13.637 6.74791 12.9041 6.01501 12 6.01501C11.0959 6.01501 10.363 6.74791 10.363 7.65198C10.5335 9.53749 10.875 13.383 10.875 13.383C10.875 14.0043 11.3787 14.508 12 14.508C12.6213 14.508 13.125 14.0043 13.125 13.383V13.38L13.637 7.65198ZM11.9927 15.714C11.3714 15.714 10.8677 16.2177 10.8677 16.839C10.8677 17.4603 11.3714 17.964 11.9927 17.964H12.0073C12.6286 17.964 13.1323 17.4603 13.1323 16.839C13.1323 16.2177 12.6286 15.714 12.0073 15.714H11.9927Z\"\n                          fill=\"#FEA419\"\/>\n                <\/svg>\n                Important\n            <\/span>\n            <p class=\"announcement-block__content\">\n                <strong>Importante!<\/strong> O shortcode <strong>[wpb_childpages]<\/strong> n&atilde;o ir&aacute; funcionar nas p&aacute;ginas que n&atilde;o fazem parte da estrutura hier&aacute;rquica do site.\n            <\/p><\/div><\/p><h3 class=\"wp-block-heading\" id=\"h-edite-o-template-da-pagina-para-exibir-a-lista-de-child-pages\"><strong>Edite o Template da P&aacute;gina para Exibir a Lista de Child Pages<\/strong><\/h3><p class=\"wp-block-paragraph\">Utilizar shortcodes &eacute; um m&eacute;todo que faz sentido caso voc&ecirc; possua um pequeno n&uacute;mero de p&aacute;ginas. Para sites de grande escala, o ideal a se fazer &eacute; editar o arquivo de template da p&aacute;gina e automatizar o processo de inclus&atilde;o da lista de child pages.&nbsp;<\/p><p class=\"wp-block-paragraph\">Para fazer isso, comece adicionando o c&oacute;digo mencionado acima no arquivo <strong>functions.php<\/strong> do site. Depois, voc&ecirc; deve adicionar o c&oacute;digo indicado abaixo no arquivo <strong>page.php<\/strong> do tema que est&aacute; ativo em seu site:<\/p><pre class=\"wp-block-code\"><code>&lt;?php wpb_list_child_pages(); ?&gt;<\/code><\/pre><p class=\"wp-block-paragraph\">E isso &eacute; tudo! A partir de agora seu tema ir&aacute; detectar automaticamente as child pages e exibir a listagem delas no site.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-bonus-como-administrar-parent-pages-e-child-pages\"><strong>B&ocirc;nus: Como Administrar Parent Pages e Child Pages<\/strong><\/h3><p class=\"wp-block-paragraph\">Como mencionamos anteriormente, ter uma estrutura hier&aacute;rquica pode levar a uma melhora significativa na experi&ecirc;ncia do usu&aacute;rio e na navega&ccedil;&atilde;o do seu site WordPress. O que muitos usu&aacute;rios n&atilde;o sabem &eacute; que a estrutura das p&aacute;ginas tamb&eacute;m cumpre um papel importante nas estrat&eacute;gias de <a href=\"\/br\/tutoriais\/o-que-e-seo\/\"><strong>SEO<\/strong><\/a> dos seus sites.&nbsp;<\/p><p class=\"wp-block-paragraph\">Se feita corretamente, a estrutura hierarquizada das p&aacute;ginas ajuda os mecanismos de busca, como o Google, a indexar e rastrear (<em>crawl<\/em>) um site. Isso porque ela facilita a compreens&atilde;o e localiza&ccedil;&atilde;o dos conte&uacute;dos das p&aacute;ginas do site. Al&eacute;m disso, a hierarquia indica aos mecanismos de busca quais p&aacute;ginas s&atilde;o mais importantes, impulsionando a autoridade e a capacidade de seu site aparecer nos resultados das pesquisas.&nbsp;<\/p><p class=\"wp-block-paragraph\">Abaixo listamos algumas dicas para te ajudar a extrair os melhores benef&iacute;cios da sua estrutura de p&aacute;ginas:<\/p><ul class=\"wp-block-list\">\n<li><strong>Agrupe apenas conte&uacute;dos relevantes <\/strong>&ndash; considere a correla&ccedil;&atilde;o entre as palavras-chave de uma parent page e de suas child pages.&nbsp;<\/li>\n\n\n\n<li><strong>Defina qual a ordem da estrutura <\/strong>&ndash; na maioria dos casos, para poupar o tempo de pesquisa dos visitantes, as child pages s&atilde;o exibidas de acordo com a popularidade das palavras-chave. De todo modo, em alguns casos, &eacute; melhor organizar a ordem de exibi&ccedil;&atilde;o das p&aacute;ginas conforme a prioridade de conte&uacute;dos.&nbsp;<\/li>\n\n\n\n<li><strong>N&atilde;o crie muitas categorias <\/strong>&#8210; opte por um n&uacute;mero entre duas e sete categorias para evitar que os visitantes se assustem com a quantidade de sub-p&aacute;ginas.&nbsp;<\/li>\n\n\n\n<li><strong>Mantenha seu sitemap atualizado <\/strong>&#8210; atualize o sitemap do seu site WordPress sempre que voc&ecirc; criar uma nova p&aacute;gina ou alterar o conte&uacute;do das p&aacute;ginas que j&aacute; existem. Isso acelera o processo de indexa&ccedil;&atilde;o do site.&nbsp;<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/br\/hospedagem-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p class=\"wp-block-paragraph\">Configurar parent pages no WordPress n&atilde;o &eacute; uma tarefa essencial para construir seu site, mas n&oacute;s recomendamos muito que voc&ecirc; fa&ccedil;a isso. Criar parent pages e child pages determina uma estrutura hier&aacute;rquica que facilita a navega&ccedil;&atilde;o do seu site WordPress.&nbsp;<\/p><p class=\"wp-block-paragraph\">Esperamos que este artigo tenha te ajudado a entender melhor o prop&oacute;sito de parent pages e child pages no WordPress, al&eacute;m de aprender como configurar e gerenci&aacute;-las corretamente. Boa sorte!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A plataforma WordPress tem dois tipos padr&atilde;o de publica&ccedil;&otilde;es: posts e p&aacute;ginas. Diferentemente dos posts e de outros tipos personalizados de publica&ccedil;&atilde;o, as p&aacute;ginas n&atilde;o precisam estar todas no mesmo n&iacute;vel. Isto &eacute;, os usu&aacute;rios podem criar parent pages e child pages (p&aacute;ginas &ldquo;pais&rdquo; e p&aacute;ginas &ldquo;filhas&rdquo;), estabelecendo uma hierarquia em seus sites.&nbsp; A pr&aacute;tica [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/br\/tutoriais\/wordpress-parent-page\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":305,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"Neste tutorial voc\u00ea vai aprender o que \u00e9 uma Parent Page do WordPress, qual sua fun\u00e7\u00e3o e como configurar uma hierarquia de p\u00e1ginas em seu site","rank_math_focus_keyword":"","footnotes":""},"categories":[4911],"tags":[7469],"class_list":["post-32057","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-parent-page"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/parent-page-wordpress\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/wordpress-parent-page\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/parent-page-wordpress\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/parent-page-wordpress\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/parent-page-wordpress\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/parent-page-wordpress\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/parent-page-wordpress\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/parent-page-wordpress\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/parent-page-wordpress\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wordpress-parent-page\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/32057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/305"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=32057"}],"version-history":[{"count":5,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/32057\/revisions"}],"predecessor-version":[{"id":37356,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/32057\/revisions\/37356"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=32057"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=32057"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=32057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}