Procurando por uma maneira de controlar a paginação no WordPress?
Ajustar a paginação do seu site pode ajudá-lo a criar um site mais amigável e de fácil navegação. Entretanto, muitos temas do WordPress não oferecem opções de paginação detalhadas, o que significa que você está limitado nas mudanças que você pode fazer.
Felizmente, há algumas maneiras fáceis de ajustar a paginação no WordPress. Usuários mais avançados podem confiar em código personalizado, enquanto usuários casuais podem encontrar vários plugins de paginação de alta qualidade.
Neste artigo, vamos cobrir tudo o que você precisa saber sobre paginação WordPress.
Vamos mergulhar!
Confira nosso Guia de Vídeo para Paginação no WordPress
O que é paginação WordPress?
Paginação WordPress é o processo de dividir a lista de artigos do seu site do blog ou outro conteúdo em páginas separadas.
Por exemplo, se você tem 100 artigos no blog, você pode configurar suas configurações de paginação para mostrar 10 artigos em cada página, o que dividiria sua lista de artigos no blog em 10 páginas com 10 artigos cada.
Os visitantes podem então usar os botões “Próximo” ou “Anterior” para navegar entre as páginas que listam seus artigos. Ou, em alguns casos, os visitantes verão uma lista numerada de páginas para que eles possam pular para uma página específica. Por exemplo, a paginação parece assim no tema padrão Twenty Twenty-One:
Você também pode dividir um único artigo do WordPress em várias páginas, o que pode ser útil se você publicar conteúdo de forma longa.
Com alguns trechos de código ou plugins, você também pode ganhar muito mais controle sobre como a paginação funciona em seu site, que são tópicos que iremos cobrir mais adiante neste post.
Por que usar paginação no WordPress?
Existem 3 razões principais para você se preocupar com a paginação por WordPress:
- Melhoria da navegação e da experiência do usuário
- Melhor desempenho
- Melhora na capacidade de rastreamento de SEO
Vamos passar por eles.
Melhoria da navegação e da experiência do usuário
O maior benefício de melhorar a paginação no WordPress é que facilita a navegação de seus visitantes no seu site, o que cria uma experiência melhor para eles.
Muitos temas do WordPress mostram apenas opções limitadas de paginação, tornando difícil para os visitantes navegar para uma página diferente.
Por exemplo, aqui estão as opções de paginação padrão do tema Twenty Twenty-One quando um visitante lê a primeira página de artigos.
Os visitantes podem navegar para a última página (página 6 neste exemplo) ou para a página seguinte (clicando em “Artigos mais antigos”), mas eles não podem navegar diretamente para as páginas 3, 4, ou 5.
Compare isso com o blog da Kinsta, que fornece vários links de paginação para ajudar os visitantes a chegar ao lugar certo.
Os visitantes têm ainda mais opções ao navegar para páginas mais profundas, o que os ajuda a saltar rapidamente para frente ou para trás para páginas diferentes, conforme necessário.
Melhor desempenho
Usar paginação também pode ser uma tática para melhorar o desempenho do seu site WordPress, limitando a quantidade de dados que seu site precisa carregar em cada página.
Por exemplo, digamos que você tenha 50 artigos no blog. Se você tentar carregar todos os 50 artigos do seu blog na página principal do seu blog, a página do seu blog pode carregar lentamente porque isso é um monte de dados.
Entretanto, se você usar paginação para dividir a lista em 5 páginas de 10 artigos cada, cada página será carregada muito mais rapidamente porque só precisa carregar um quinto dos dados.
Melhoria de rastreamento SEO
O uso de paginação também pode facilitar o rastreamento do seu site por robôs de pesquisa como o Googlebot, fornecendo a esses robôs mais links de navegação.
É uma pequena diferença, mas qualquer ajuste que você possa fazer para melhorar a capacidade de rastreamento do seu site é sempre uma coisa boa para o SEO.
Como controlar manualmente a paginação no WordPress
Embora iremos cobrir alguns plugins úteis de paginação para WordPress na próxima seção, você também tem alguns recursos embutidos para trabalhar com paginação no WordPress. Ou, dependendo de seu nível de conhecimento, você também pode ajustar a paginação usando código personalizado.
Vamos falar sobre as opções embutidas para trabalhar com paginação, usando o tema padrão Twenty Twenty-One como exemplo.
Controlando quantos itens de conteúdo a exibir por página
Por padrão, o WordPress irá mostrar 10 artigos por página. Então, se você tiver 25 artigos, você terá 3 páginas no total. As primeiras 2 páginas mostrariam 10 artigos cada, e a última página mostraria os 5 artigos restantes.
Se você quiser ajustar este número, você pode ir em Configurações > Leitura e editar as páginas do Blog que mostram o valor máximo.
Dividindo um artigo ou página de WordPress em várias páginas
Até agora, nós focamos principalmente em dividir a página de listagem do seu blog em várias páginas. Entretanto, o WordPress também permite que você divida mensagens ou páginas individuais em várias páginas, o que pode ser útil em algumas situações.
Se você estiver usando o editor de blocos do WordPress (AKA Gutenberg), você pode escolher onde adicionar quebras de página usando o bloco Quebra de Página.
Se você estiver usando o clássico editor TinyMCE, você pode escolher onde adicionar quebras de página usando um dos dois métodos:
-
- Coloque o cursor do mouse onde você deseja adicionar a quebra de página na aba Visual do editor. Depois use o seguinte atalho de teclado: Alt + Shift + P.
- Coloque manualmente a quebra de página colando o seguinte trecho na aba Texto do editor:
<!--nextpage-->.
Usando PHP e CSS para ajustar o comportamento de paginação no WordPress
Se você não é uma pessoa muito técnica, este método provavelmente não é para você. Você pode querer pular adiante para os plugins de paginação.
Entretanto, se você se sentir confortável fazendo pequenos ajustes de código no seu site, você pode ajustar a paginação do seu tema usando PHP e CSS.
Como você estará editando os arquivos modelo do seu tema, você deve usar um tema WordPress infantil. Caso contrário, suas mudanças serão sobrescritas na próxima vez que você atualizar seu tema. Temos um guia detalhado sobre como configurar um child theme (tema filho).
Também recomendamos fazer backup do seu site antes de fazer qualquer mudança.
Se você quiser adicionar paginação a qualquer tema do WordPress manualmente, você pode usar a função_posts_pagination. Por exemplo, o seguinte trecho:
the_posts_pagination( array(
'mid_size' => 2,
'prev_text' => __( 'Previous Page', 'textdomain' ),
'next_text' => __( 'Next Page', 'textdomain' ),
) );Você adicionaria este trecho diretamente aos arquivos do seu tema filho (child theme) onde você quer que a paginação apareça.
Abaixo, deixamos a paginação padrão do Twenty Twenty-One e adicionamos nossa própria paginação usando o código snippet para ver a diferença. A paginação “Página 1” é o padrão do tema, e a paginação “1”, “2”, “3” vem do nosso código personalizado.
Aqui está o que parece com o código – você pode ver a função de paginação original e nossa paginação personalizada.
Você gostaria de substituir a função de paginação existente por sua função personalizada em um site WordPress no ar (Atenção: Recomendamos fazer isso primeiro em um site de teste. Isto é apenas um exemplo!). Você pode precisar editar vários arquivos, dependendo do seu tema.
Você pode achar mais conveniente conectar-se ao seu servidor através de um cliente FTP e usar um editor PHP dedicado para editar seus arquivos de temas.
Para ajustar o estilo de paginação do seu tema, você precisará adicionar alguns CSS personalizados.
Os 7 melhores plugins de paginação WordPress
Se você quer mais controle sobre a paginação do seu site, você pode preferir usar um plugin de paginação WordPress. Aqui estão os 7 melhores opções disponíveis.
1. WP-PageNavi
Ativo em mais de 700.000 sites, o WP-PageNavi é o plugin de paginação WordPress mais popular por uma boa margem. Ele também é 100% gratuito, o que ajuda a explicar sua popularidade.
Ele lhe dá uma área de configurações simples onde você pode controlar o comportamento da paginação do seu site. Você pode ajustar o texto, quantos números de página mostrar, e muito mais.
Se você quer mais controle sobre o design da sua paginação, você também pode considerar o plugin Styles For WP Pagenavi Addon de terceiros.
Como funciona
Como o WP-PageNavi é tão popular, alguns temas do WordPress oferecem suporte integrado para o plugin. Se o seu tema oferece, tudo o que você precisa fazer é ativar o plugin, configurar suas configurações, e você está pronto para ir. Você pode acessar as configurações indo em Configurações > PageNavi.
No entanto, se o seu tema não incluir suporte integrado, você precisará editar manualmente os arquivos de modelo do seu tema para que o plugin funcione, o que pode ser um pouco complicado se você não for uma pessoa muito técnica.
Você precisa encontrar o código padrão que seu tema usa para paginação e substituí-lo pelo trecho de código personalizado do WP-PageNavi. O desenvolvedor explica como fazer isso na página do WordPress.org do plugin.
2. WP-Paginate
WP-Paginate é outro plugin popular para configuração de paginação personalizada em seu site WordPress. Além de ajudá-lo a paginar seus artigos, você também pode usar o plugin para adicionar paginação personalizada em suas seções de comentários, o que pode ajudá-lo a agilizar seus comentários.
Ao contrário do plugin WP-PageNavi acima, você não precisa editar seus arquivos de modelos de temas diretamente, o que pode fazer desta uma opção melhor se você não for uma pessoa técnica. Para usuários mais avançados, você ainda tem a opção de usar PHP para colocar a paginação nos arquivos de template do seu tema manualmente.
Com o plugin, você será capaz de personalizar todos os aspectos de sua paginação, incluindo o seguinte:
- Etiquetas e botões
- Posicionamento
- Quantos itens de navegação a serem exibidos
Há uma versão gratuita no WordPress.org que deve funcionar para a maioria dos sites. Há também uma versão premium de US$ 19 que adiciona mais estilos e opções de estilo pré-definidos.
Como funciona
Para configurar o plugin, você pode ir em Configurações → WP-Paginate para controlar as configurações do plugin.
Se você quiser exibir a paginação do plugin sem editar os arquivos modelo do seu tema, você vai querer fazer as seguintes seleções nas configurações de Localização e Posição:
- Marque a caixa Em todos os lugares para exibir sua nova paginação em todos os lugares onde a paginação é necessária.
- Defina a posição drop-down igual a Abaixo do Conteúdo.
- Marque a caixa Esconder Paginação Padrão para esconder a paginação existente do seu tema.
3. Pagination by BestWebSoft
Pagination by BestWebSoft WordPress é outro plugin de paginação que permite a você adicionar um novo sistema de paginação ao seu site sem a necessidade de editar os arquivos de template do seu tema.
Entretanto, como o plugin WP-Paginate acima, você ainda tem a opção de editar os arquivos de template do seu tema se você quiser mais controle sobre a colocação.
Através das configurações do plugin, você será capaz de ajustar facilmente a localização, estilo e comportamento de sua paginação.
A versão gratuita deve funcionar bem para a maioria dos sites, mas uma versão premium de US$ 20 também adiciona mais tipos de paginação e compatibilidade Divi embutida.
Como funciona
Para configurar o plugin, vá para a nova aba Paginação em seu painel de controle.
As configurações padrão do plugin irão automaticamente esconder a paginação existente do seu tema e substituí-la pela paginação personalizada do plugin. Tudo o que você precisa fazer é configurar as configurações para o estilo e comportamento da sua nova paginação.
4. Ajax Load More
Ajax Load More permite que você crie botões que carregam mais conteúdo sem forçar o usuário a carregar uma nova página. Ele lhe dá várias opções para controlar a paginação, incluindo a paginação “tradicional” e algumas reviravoltas únicas.
Se você estiver disposto a comprar alguns complementos premium, você pode adicionar botões de paginação reais. Quando os usuários mudam para uma nova página, eles não perceberão a página como recarregando, mas a URL mudará (bom para SEO). Você pode ver uma demonstração ao vivo disso aqui.
Ajax Load More permite que você substitua sua paginação por um botão “Load More” com a versão gratuita. Ao invés de adicionar links de paginação que os visitantes podem usar para navegar para uma página diferente, o Ajax Load More permite que você adicione um botão “Load More” para exibir mais mensagens sem recarregar a página. Você pode ver uma demonstração ao vivo disso aqui.
Como funciona
Ao invés de adicionar paginação à sua lista de artigos existente, o plugin Ajax Load More funciona criando uma nova lista de artigos que inclui suas configurações desejadas. Para configurar isso, você vai usar a área Ajax Load More no seu painel do WordPress.
Se você quiser configurar a paginação tradicional, certifique-se de comprar e instalar o Paging add-on.
5. Alphabetic Pagination
O plugin de Paginação Alfabética ajuda você a implementar um tipo diferente de paginação em seu site – uma listagem A-Z.
Ao invés de paginar por números e ordenar as mensagens por suas datas de publicação, a Paginação Alfabética permite que você crie uma opção de paginação para cada letra do alfabeto. Então, se um usuário clicar em uma letra específica, ele verá todas as peças de conteúdo que começam com essa letra.
Como funciona
Para usar o plugin, vá para Configurações > Paginação Alfabética para configurar suas configurações.
Na guia Geral das configurações do plugin, você pode configurar onde mostrar sua paginação alfabética.
O uso da implementação automática é a opção mais simples. Entretanto, você também pode colocar manualmente sua paginação alfabética usando os códigos curtos ou a função PHP na aba Shortcodes.
Uma vez que você tenha configurado a colocação, você pode controlar o design de sua paginação alfabética a partir da aba Styling.
6. WP Show Posts
WP Show Posts é um plugin útil que permite a você criar suas listas de artigos, completas com paginação personalizada.
Esse é o detalhe chave – você não está adicionando paginação à sua lista de artigos existente no seu blog. Ao invés disso, você está criando uma nova lista de artigos no blog que inclui suas próprias configurações de paginação.
O plugin também inclui um construtor flexível de consultas para que você possa escolher exatamente quais artigos mostrar (e, portanto, quais artigos você quer paginar).
Como funciona
Uma vez ativado o plugin, você pode ir para WP Show Posts > Add New para criar uma nova lista de artigos.
Recomendamos a exploração de todas as configurações para controlar o conteúdo a ser exibido. Ao configurar a paginação, marque a caixa Paginação na aba Posts e defina o número de artigos por página.
Uma vez que você tenha configurado tudo, você pode adicionar sua lista de artigos usando seu código de atalho ou função PHP.
7. Pagination Styler for WooCommerce
Como o nome sugere, Pagination Styler for WooCommerce é um plugin de paginação específico para lojas WooCommerce.
Ele lhe dá muitas opções novas para controlar o posicionamento e estilo de paginação de produtos da sua loja. Você também pode escolher entre layouts completamente diferentes, tais como paginação vertical ao invés da tradicional paginação horizontal.
Como funciona
O Pagination Styler for WooCommerce funciona substituindo sua paginação existente do WooCommerce pela paginação do plugin.
Para configurar as configurações do plugin, você pode ir para BeRocket > Pagination Styler no seu painel do WordPress:
Resumo
Paginação permite que você divida o conteúdo do seu site WordPress em várias páginas. Isto pode facilitar a navegação de humanos e mecanismos de pesquisa, e também pode melhorar o desempenho carregando menos dados em cada página.
Todos os sites WordPress vêm com suporte de paginação fora da caixa. Entretanto, o sistema de paginação padrão na maioria dos temas é limitado.
Para melhorar a paginação no WordPress, você pode adicionar seu código personalizado ou usar um dos 7 plugins de paginação WordPress que detalhamos acima.
Ainda tem dúvidas sobre a paginação no WordPress? Por favor, compartilhe suas ideias nos comentários abaixo!
Deixe um comentário