{"id":45971,"date":"2022-02-03T11:59:53","date_gmt":"2022-02-03T14:59:53","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=45971&preview=true&preview_id=45971"},"modified":"2025-01-31T10:54:01","modified_gmt":"2025-01-31T13:54:01","slug":"paginacao-no-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/paginacao-no-wordpress\/","title":{"rendered":"Pagina\u00e7\u00e3o no WordPress: Como Adicionar Pagina\u00e7\u00e3o Manualmente ou Com Plugins"},"content":{"rendered":"

Procurando por uma maneira de controlar a pagina\u00e7\u00e3o no WordPress?<\/p>\n

Ajustar a pagina\u00e7\u00e3o do seu site pode ajud\u00e1-lo a criar um site mais amig\u00e1vel e de f\u00e1cil navega\u00e7\u00e3o. Entretanto, muitos temas do WordPress<\/a> n\u00e3o oferecem op\u00e7\u00f5es de pagina\u00e7\u00e3o detalhadas, o que significa que voc\u00ea est\u00e1 limitado nas mudan\u00e7as que voc\u00ea pode fazer.<\/p>\n

Felizmente, h\u00e1 algumas maneiras f\u00e1ceis de ajustar a pagina\u00e7\u00e3o no WordPress. Usu\u00e1rios mais avan\u00e7ados podem confiar em c\u00f3digo personalizado, enquanto usu\u00e1rios casuais podem encontrar v\u00e1rios plugins de pagina\u00e7\u00e3o de alta qualidade.<\/p>\n

Neste artigo, vamos cobrir tudo o que voc\u00ea precisa saber sobre pagina\u00e7\u00e3o WordPress.<\/p>\n

Vamos mergulhar!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Confira nosso Guia de V\u00eddeo<\/a> para Pagina\u00e7\u00e3o no WordPress<\/h3>\n

<\/kinsta-video><\/p>\n

O que \u00e9 pagina\u00e7\u00e3o WordPress?<\/h2>\n

Pagina\u00e7\u00e3o WordPress \u00e9 o processo de dividir a lista de artigos do seu site do blog ou outro conte\u00fado em p\u00e1ginas separadas.<\/p>\n

Por exemplo, se voc\u00ea tem 100 artigos no blog, voc\u00ea pode configurar suas configura\u00e7\u00f5es de pagina\u00e7\u00e3o para mostrar 10 artigos em cada p\u00e1gina, o que dividiria sua lista de artigos no blog em 10 p\u00e1ginas com 10 artigos cada.<\/p>\n

Os visitantes podem ent\u00e3o usar os bot\u00f5es “Pr\u00f3ximo” ou “Anterior” para navegar entre as p\u00e1ginas que listam seus artigos. Ou, em alguns casos, os visitantes ver\u00e3o uma lista numerada de p\u00e1ginas para que eles possam pular para uma p\u00e1gina espec\u00edfica. Por exemplo, a pagina\u00e7\u00e3o parece assim no tema padr\u00e3o Twenty Twenty-One<\/a>:<\/p>\n

\"Um
Exemplo de pagina\u00e7\u00e3o WordPress no tema padr\u00e3o Twenty Twenty-One<\/figcaption><\/figure>\n

Voc\u00ea tamb\u00e9m pode dividir um \u00fanico artigo do WordPress em v\u00e1rias p\u00e1ginas, o que pode ser \u00fatil se voc\u00ea publicar conte\u00fado de forma longa<\/a>.<\/p>\n

Com alguns trechos de c\u00f3digo ou plugins, voc\u00ea tamb\u00e9m pode ganhar muito mais controle sobre como a pagina\u00e7\u00e3o funciona em seu site, que s\u00e3o t\u00f3picos que iremos cobrir mais adiante neste post.<\/p>\n\n

Por que usar pagina\u00e7\u00e3o no WordPress?<\/h2>\n

Existem 3 raz\u00f5es principais para voc\u00ea se preocupar com a pagina\u00e7\u00e3o por WordPress:<\/p>\n

    \n
  1. Melhoria da navega\u00e7\u00e3o e da experi\u00eancia do usu\u00e1rio<\/li>\n
  2. Melhor desempenho<\/li>\n
  3. Melhora na capacidade de rastreamento de SEO<\/li>\n<\/ol>\n

    Vamos passar por eles.<\/p>\n

    Melhoria da navega\u00e7\u00e3o e da experi\u00eancia do usu\u00e1rio<\/h3>\n

    O maior benef\u00edcio de melhorar a pagina\u00e7\u00e3o no WordPress \u00e9 que facilita a navega\u00e7\u00e3o de seus visitantes no seu site<\/a>, o que cria uma experi\u00eancia melhor<\/a> para eles.<\/p>\n

    Muitos temas do WordPress mostram apenas op\u00e7\u00f5es limitadas de pagina\u00e7\u00e3o, tornando dif\u00edcil para os visitantes navegar para uma p\u00e1gina diferente.<\/p>\n

    Por exemplo, aqui est\u00e3o as op\u00e7\u00f5es de pagina\u00e7\u00e3o padr\u00e3o do tema Twenty Twenty-One quando um visitante l\u00ea a primeira p\u00e1gina de artigos.<\/p>\n

    \"O
    O tema Twenty Twenty-One oferece op\u00e7\u00f5es de pagina\u00e7\u00e3o limitadas na primeira p\u00e1gina<\/figcaption><\/figure>\n

    Os visitantes podem navegar para a \u00faltima p\u00e1gina (p\u00e1gina 6 neste exemplo<\/em>) ou para a p\u00e1gina seguinte (clicando em “Artigos mais antigos”<\/em>), mas eles n\u00e3o podem navegar diretamente para as p\u00e1ginas 3, 4, ou 5.<\/p>\n

    Compare isso com o blog da Kinsta<\/a>, que fornece v\u00e1rios links de pagina\u00e7\u00e3o para ajudar os visitantes a chegar ao lugar certo.<\/p>\n

    \"O
    O blog da Kinsta oferece mais op\u00e7\u00f5es de pagina\u00e7\u00e3o, o que facilita a navega\u00e7\u00e3o dos visitantes.<\/figcaption><\/figure>\n

    Os visitantes t\u00eam ainda mais op\u00e7\u00f5es ao navegar para p\u00e1ginas mais profundas, o que os ajuda a saltar rapidamente para frente ou para tr\u00e1s para p\u00e1ginas diferentes, conforme necess\u00e1rio.<\/p>\n

    \"Os
    Os usu\u00e1rios obt\u00eam mais op\u00e7\u00f5es de pagina\u00e7\u00e3o ao navegar para p\u00e1ginas mais distantes.<\/figcaption><\/figure>\n

    Melhor desempenho<\/h3>\n

    Usar pagina\u00e7\u00e3o tamb\u00e9m pode ser uma t\u00e1tica para melhorar o desempenho do seu site WordPress<\/a>, limitando a quantidade de dados que seu site precisa carregar em cada p\u00e1gina.<\/p>\n

    Por exemplo, digamos que voc\u00ea tenha 50 artigos no blog. Se voc\u00ea tentar carregar todos os 50 artigos do seu blog na p\u00e1gina principal do seu blog, a p\u00e1gina do seu blog pode carregar lentamente porque isso \u00e9 um monte de dados.<\/p>\n

    Entretanto, se voc\u00ea usar pagina\u00e7\u00e3o para dividir a lista em 5 p\u00e1ginas de 10 artigos cada, cada p\u00e1gina ser\u00e1 carregada muito mais rapidamente porque s\u00f3 precisa carregar um quinto dos dados.<\/p>\n

    Melhoria de rastreamento SEO<\/h3>\n

    O uso de pagina\u00e7\u00e3o tamb\u00e9m pode facilitar o rastreamento do seu site por<\/a> rob\u00f4s de pesquisa como o Googlebot, fornecendo a esses rob\u00f4s mais links de navega\u00e7\u00e3o.<\/p>\n

    \u00c9 uma pequena diferen\u00e7a, mas qualquer ajuste que voc\u00ea possa fazer para melhorar a capacidade de rastreamento do seu site \u00e9 sempre uma coisa boa para o SEO<\/a>.<\/p>\n

    Como controlar manualmente a pagina\u00e7\u00e3o no WordPress<\/h2>\n

    Embora iremos cobrir alguns plugins \u00fateis de pagina\u00e7\u00e3o para WordPress na pr\u00f3xima se\u00e7\u00e3o, voc\u00ea tamb\u00e9m tem alguns recursos embutidos para trabalhar com pagina\u00e7\u00e3o no WordPress. Ou, dependendo de seu n\u00edvel de conhecimento, voc\u00ea tamb\u00e9m pode ajustar a pagina\u00e7\u00e3o usando c\u00f3digo personalizado<\/a>.<\/p>\n

    Vamos falar sobre as op\u00e7\u00f5es embutidas para trabalhar com pagina\u00e7\u00e3o, usando o tema padr\u00e3o Twenty Twenty-One como exemplo.<\/p>\n

    Controlando quantos itens de conte\u00fado a exibir por p\u00e1gina<\/h3>\n

    Por padr\u00e3o, o WordPress ir\u00e1 mostrar 10 artigos por p\u00e1gina. Ent\u00e3o, se voc\u00ea tiver 25 artigos, voc\u00ea ter\u00e1 3 p\u00e1ginas no total. As primeiras 2 p\u00e1ginas mostrariam 10 artigos cada, e a \u00faltima p\u00e1gina mostraria os 5 artigos restantes.<\/p>\n

    Se voc\u00ea quiser ajustar este n\u00famero, voc\u00ea pode ir em Configura\u00e7\u00f5es > Leitura<\/strong> e editar as p\u00e1ginas do Blog que mostram<\/strong> o valor<\/strong> m\u00e1ximo<\/strong>.<\/p>\n

    \"Como
    Como alterar quantos artigos do WordPress s\u00e3o exibidos por p\u00e1gina a partir da \u00e1rea de configura\u00e7\u00e3o.<\/figcaption><\/figure>\n

    Dividindo um artigo ou p\u00e1gina de WordPress em v\u00e1rias p\u00e1ginas<\/h3>\n

    At\u00e9 agora, n\u00f3s focamos principalmente em dividir a p\u00e1gina de listagem do seu blog em v\u00e1rias p\u00e1ginas. Entretanto, o WordPress tamb\u00e9m permite que voc\u00ea divida mensagens ou p\u00e1ginas individuais em v\u00e1rias p\u00e1ginas, o que pode ser \u00fatil em algumas situa\u00e7\u00f5es.<\/p>\n

    Se voc\u00ea estiver usando o editor de blocos do WordPress (AKA Gutenberg)<\/a>, voc\u00ea pode escolher onde adicionar quebras de p\u00e1gina usando o bloco Quebra de P\u00e1gina<\/strong>.<\/p>\n

    \"Como
    Como adicionar quebras de p\u00e1gina com o bloco Page Break<\/figcaption><\/figure>\n

    Se voc\u00ea estiver usando o cl\u00e1ssico editor TinyMCE<\/a>, voc\u00ea pode escolher onde adicionar quebras de p\u00e1gina usando um dos dois m\u00e9todos:<\/p>\n

      \n
    1. \n
        \n
      1. Coloque o cursor do mouse onde voc\u00ea deseja adicionar a quebra de p\u00e1gina na aba Visual<\/strong> do editor. Depois use o seguinte atalho de teclado: Alt + Shift + P<\/strong>.<\/li>\n
      2. Coloque manualmente a quebra de p\u00e1gina colando o seguinte trecho na aba Texto<\/strong> do editor: <!--nextpage--><\/code>.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n

        Usando PHP e CSS para ajustar o comportamento de pagina\u00e7\u00e3o no WordPress<\/h3>\n

        Se voc\u00ea n\u00e3o \u00e9 uma pessoa muito t\u00e9cnica, este m\u00e9todo provavelmente n\u00e3o \u00e9 para voc\u00ea. Voc\u00ea pode querer pular adiante para os plugins de pagina\u00e7\u00e3o.<\/p>\n

        Entretanto, se voc\u00ea se sentir confort\u00e1vel fazendo pequenos ajustes de c\u00f3digo no seu site, voc\u00ea pode ajustar a pagina\u00e7\u00e3o do seu tema usando PHP e CSS.<\/p>\n

        Como voc\u00ea estar\u00e1 editando os arquivos modelo do seu tema<\/a>, voc\u00ea deve usar um tema WordPress infantil. Caso contr\u00e1rio, suas mudan\u00e7as ser\u00e3o sobrescritas na pr\u00f3xima vez que voc\u00ea atualizar seu tema. Temos um guia detalhado sobre como configurar um child theme (tema filho)<\/a>.<\/p>\n

        Tamb\u00e9m recomendamos fazer backup do seu site<\/a> antes de fazer qualquer mudan\u00e7a.<\/p>\n

        Se voc\u00ea quiser adicionar pagina\u00e7\u00e3o a qualquer tema do WordPress manualmente, voc\u00ea pode usar a fun\u00e7\u00e3o_posts_pagination<\/a>. Por exemplo, o seguinte trecho:<\/p>\n

        the_posts_pagination( array(\n'mid_size' => 2,\n'prev_text' => __( 'Previous Page', 'textdomain' ),\n'next_text' => __( 'Next Page', 'textdomain' ),\n) );<\/code><\/pre>\n
        Voc\u00ea adicionaria este trecho diretamente aos arquivos do seu tema filho (child theme) onde voc\u00ea quer que a pagina\u00e7\u00e3o apare\u00e7a.<\/p>\n
        Abaixo, deixamos a pagina\u00e7\u00e3o padr\u00e3o do Twenty Twenty-One e adicionamos nossa pr\u00f3pria pagina\u00e7\u00e3o usando o c\u00f3digo snippet para ver a diferen\u00e7a. A pagina\u00e7\u00e3o “P\u00e1gina 1” \u00e9 o padr\u00e3o do tema, e a pagina\u00e7\u00e3o “1”, “2”, “3” vem do nosso c\u00f3digo personalizado.<\/p>\n
        \"Um
        Um exemplo de pagina\u00e7\u00e3o padr\u00e3o, bem como pagina\u00e7\u00e3o personalizada.<\/figcaption><\/figure>\n
        Aqui est\u00e1 o que parece com o c\u00f3digo – voc\u00ea pode ver a fun\u00e7\u00e3o de pagina\u00e7\u00e3o original e nossa pagina\u00e7\u00e3o personalizada.<\/p>\n
        \"O
        O c\u00f3digo PHP real para a captura de tela do exemplo acima.<\/figcaption><\/figure>\n
        Voc\u00ea gostaria de substituir a fun\u00e7\u00e3o de pagina\u00e7\u00e3o existente por sua fun\u00e7\u00e3o personalizada em um site WordPress no ar (Aten\u00e7\u00e3o: Recomendamos fazer isso primeiro em um site de teste<\/a>. Isto \u00e9 apenas um exemplo!). Voc\u00ea pode precisar editar v\u00e1rios arquivos<\/a>, dependendo do seu tema.<\/p>\n
        Voc\u00ea pode achar mais conveniente conectar-se ao seu servidor atrav\u00e9s de um cliente FTP<\/a> e usar um editor PHP dedicado<\/a> para editar seus arquivos de temas.<\/p>\n
        Para ajustar o estilo de pagina\u00e7\u00e3o do seu tema, voc\u00ea precisar\u00e1 adicionar alguns CSS personalizados<\/a>.<\/p>\n
        Os 7 melhores plugins de pagina\u00e7\u00e3o WordPress<\/h2>\n
        Se voc\u00ea quer mais controle sobre a pagina\u00e7\u00e3o do seu site, voc\u00ea pode preferir usar um plugin de pagina\u00e7\u00e3o WordPress. Aqui est\u00e3o os 7 melhores op\u00e7\u00f5es dispon\u00edveis.<\/p>\n
        1. WP-PageNavi<\/h3>\n
        \"Plugin
        Plugin WordPress WP-PageNavi.<\/figcaption><\/figure>\n
        Ativo em mais de 700.000 sites, o WP-PageNavi<\/a> \u00e9 o plugin de pagina\u00e7\u00e3o WordPress mais popular por uma boa margem. Ele tamb\u00e9m \u00e9 100% gratuito, o que ajuda a explicar sua popularidade.<\/p>\n
        Ele lhe d\u00e1 uma \u00e1rea de configura\u00e7\u00f5es simples onde voc\u00ea pode controlar o comportamento da pagina\u00e7\u00e3o do seu site. Voc\u00ea pode ajustar o texto, quantos n\u00fameros de p\u00e1gina mostrar, e muito mais.<\/p>\n
        Se voc\u00ea quer mais controle sobre o design da sua pagina\u00e7\u00e3o, voc\u00ea tamb\u00e9m pode considerar o plugin Styles For WP Pagenavi Addon<\/a> de terceiros.<\/p>\n
        Como funciona<\/h4>\n
        Como o WP-PageNavi \u00e9 t\u00e3o popular, alguns temas do WordPress<\/a> oferecem suporte integrado para o plugin. Se o seu tema oferece, tudo o que voc\u00ea precisa fazer \u00e9 ativar o plugin, configurar suas configura\u00e7\u00f5es, e voc\u00ea est\u00e1 pronto para ir. Voc\u00ea pode acessar as configura\u00e7\u00f5es indo em Configura\u00e7\u00f5es > PageNavi<\/strong>.<\/p>\n
        \"A
        A \u00e1rea de configura\u00e7\u00f5es da WP-PageNavi<\/figcaption><\/figure>\n
        No entanto, se o seu tema n\u00e3o incluir suporte integrado, voc\u00ea precisar\u00e1 editar manualmente os arquivos de modelo do seu tema<\/a> para que o plugin funcione, o que pode ser um pouco complicado se voc\u00ea n\u00e3o for uma pessoa muito t\u00e9cnica.<\/p>\n
        Voc\u00ea precisa encontrar o c\u00f3digo padr\u00e3o que seu tema usa para pagina\u00e7\u00e3o e substitu\u00ed-lo pelo trecho de c\u00f3digo personalizado do WP-PageNavi. O desenvolvedor explica como fazer isso na p\u00e1gina do WordPress.org do plugin.<\/p>\n
        2. WP-Paginate<\/h3>\n
        \"Plugin
        Plugin WordPress WP-Paginate.<\/figcaption><\/figure>\n
        WP-Paginate<\/a> \u00e9 outro plugin popular para configura\u00e7\u00e3o de pagina\u00e7\u00e3o personalizada em seu site WordPress. Al\u00e9m de ajud\u00e1-lo a paginar seus artigos, voc\u00ea tamb\u00e9m pode usar o plugin para adicionar pagina\u00e7\u00e3o personalizada em suas se\u00e7\u00f5es de coment\u00e1rios<\/a>, o que pode ajud\u00e1-lo a agilizar seus coment\u00e1rios<\/a>.<\/p>\n
        Ao contr\u00e1rio do plugin WP-PageNavi acima, voc\u00ea n\u00e3o<\/strong> precisa editar seus arquivos de modelos de temas diretamente, o que pode fazer desta uma op\u00e7\u00e3o melhor se voc\u00ea n\u00e3o for uma pessoa t\u00e9cnica. Para usu\u00e1rios mais avan\u00e7ados, voc\u00ea ainda tem a op\u00e7\u00e3o de usar PHP para colocar a pagina\u00e7\u00e3o nos arquivos de template do seu tema manualmente.<\/p>\n
        Com o plugin, voc\u00ea ser\u00e1 capaz de personalizar todos os aspectos de sua pagina\u00e7\u00e3o, incluindo o seguinte:<\/p>\n