Paginação no Wordpress, com o plugin wp-pagenavi

Publicado em 27/08/2008 • SEO, Wordpress42 comentários »

por Marcos Elias

Quem usa um site ou blog gerenciado pelo Wordpress, pode contar com a ajuda do plugin PageNavi, para facilitar o acesso às muitas páginas de postagens.

Pelo estilo de blog, as postagens recentes são exibidas na inicial, e cada página também tem um endereço único. Ao ver a listagem na página inicial (que pode ser de texto completo ou não), a pessoa pode querer ver o que foi publicado nos dias anteriores. Para isso podemos usar os arquivos mensais ou semanais, ou a pesquisa. Mas não fica em "ordem" ou de forma fácil (apesar de os arquivos mensais serem em ordem cronológica, claro).

A paginação oferecida pelo plugin wpPageNavi adiciona na página (especialmente a inicial, ou de listagem de vários artigos/posts) um menu como esse:

Fácil, atraente e interessante, não é?

Não basta apenas instalar o plugin e ativá-lo, é necessário incluir no código da página (geralmente o index.php do tema, nesse caso) uma chamada à função do plugin que exibe a listagem.

Ele pode ser baixado em:

http://www.lesterchan.net/wordpress/readme/wp-pagenavi.html

Fique atento para baixar a versão voltada à sua versão do Wordpress, caso contrário ele poderá não funcionar.

Descompacte-o, coloque a pasta wp-pagenavi na pasta de plugins, e ative-o no gerenciamento, como você faria com outros plugins.

No código do arquivo index.php do tema em uso, localize o ponto <?php endwhile; ?>, que encerra o loop que insere as postagens. Depois dele (se bem que você pode colocar em outro lugar), adicione isso:

<div align="center"><?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?></div>

(troque as aspas inclinadas por retas, se você for copiar e colar)

O DIV centralizado fui eu quem pus, se quiser tire ele, deixando alinhado à esquerda mesmo.

Você pode personalizar algumas coisas, como o estilo CSS aplicado na numeração. Nas opções (Configurações > PageNavi), é bom editar os textos, especialmente o para a página inicial e final. Deixei assim:

Agora eu estou em busca de um paginador de comentários, pois alguns artigos aqui no Explorando têm tantos comentários que a página fica enoooorme. Se alguém souber e quiser indicar, poste um comentário aqui :)

Além de facilitar a vida dos leitores, esse sistema pode ser útil num caso de SEO, facilitando a indexação das outras páginas do blog. Não seria o ideal, afinal as páginas que listam vários artigos contém textos repetidos (estão presentes na inicial e na página do artigo, caso você não use textos resumidos para a entrada). Mas o Wordpress se dá bem, geralmente o Google (e outros buscadores) conseguem identificar corretamente as páginas diretas dos artigos. Mesmo assim, varrer essas páginas é bom para (o buscador) poder caçar mais e mais artigos.


MAIS DICAS E TUTORIAIS!
Acesse as dicas mais recentes no Explorando.com.br :).


Dicas de inglês



Aviso: Os comentários são postados pelos visitantes do site, e não expressam a opinião da produção. Eventuais comentários indesejados, ofensivos ou que firam nossas políticas ou interesses de alguma forma poderão ser removidos sem aviso prévio. Ao comentar, seu IP ser[a gravado em log, assim como em praticamente todo blog. Evite comentários inúteis.
COMENTÁRIOS DESATIVADOS: A partir de abril de 2011 os comentários nesta seção antiga do site foram desativados, porque estava vindo muito SPAM automático. Para dúvidas ou novos comentários sobre algo que você não entendeu, poste no fórum que tanto a equipe como outros visitantes poderão lhe ajudar.

42 comentários

Comentário de: Thiago [Visitante] Email · http://www.popstareventos.com.br
Serve para sites normais ?? galeria de fotos ??
30.08.08 @ 00:41
Comentário de: Tomás Vásquez [Visitante] Email · http://www.tomasvasquez.com.br/blog
Show! Limpo e extremamente funcional. Recomendo
30.09.08 @ 16:56
Comentário de: PepsLao [Visitante] Email · http://www.promaweb.com.br
Cara valeu pela paginação, show de bola, abraço
30.11.08 @ 00:49
Comentário de: Jogos Grátis no Celular [Visitante] Email · http://www.jogosgratisnocelular.com
Cara muito obrigado pela dica, pois seu coloquei esse codigo de paginação no meu site/blog, porém ele deu erro em uma linha comando e eu estava quebrando a cabeça para resolver, mas agora com sua explicação, tudo ficou exclarecido

[LINKS EM EXCESSO REMOVIDOS]
27.12.08 @ 10:51
Comentário de: Marcos Elias [Membro] Email · http://www.explorando.com.br
É para Wordpress, se usar Wordpress dá sim :)
27.12.08 @ 10:56
Comentário de: Jogos Grátis no Celular [Visitante] Email · http://www.jogosgratisnocelular.com/
Cara preciso saber qual linha posso traduzir o que está escrito na paginação Ex: page... Last pois fiz a tradução lá me editar plugin, mas não deu em nada, valeu
27.12.08 @ 20:12
Comentário de: Marcos Elias [Membro] Email · http://www.explorando.com.br
Eu falei no texto :P

Não nos arquivos, com o plugin ativo é adicionada uma nova seção nas opções, altere por ali, tem até a imagem no texto.
27.12.08 @ 20:15
Comentário de: Jogos Grátis no Celular [Visitante] Email · http://www.jogosgratisnocelular.com/
texto p: ?
27.12.08 @ 20:28
Comentário de: Marcos Elias [Membro] Email · http://www.explorando.com.br
Sim, no artigo aí em cima, antes dos comentários, tem a imagem e falo "Nas opções ( Configurações > PageNavi), é bom editar os textos, especialmente o para a página inicial e final. Deixei assim"... por ali vc altera!
27.12.08 @ 20:37
Comentário de: Jogos Grátis no Celular [Visitante] Email · http://www.jogosgratisnocelular.com/
ok, isso eu intendir, mas quando tento entrar na seção PageNavi ee apresenta o seguinte erro: Fatal error: Call to undefined function screen_icon() in /home/sitenata/public_html/wp-content/plugins/wp-pagenavi/pagenavi-options.php on line 107


.. e eu estou usando a versão atual do WP
27.12.08 @ 20:41
Comentário de: Marcos Elias [Membro] Email · http://www.explorando.com.br
Hum, sobre esse erro não sei dizer :( Vc só falou dele agora.

Não sei se ele é incompatível com a versão atual se for instalado nela... Os meus eu atualizei pro 2.7 com ele já instalado, e não deu problemas...

Acessando a msm página de opções aqui não vi o erro.
27.12.08 @ 20:50
Comentário de: Jogos Grátis no Celular [Visitante] Email · http://www.jogosgratisnocelular.com/
esse erro está acontecendo na hora que vou configurar, pois no site ele fica normal , veja ele funcionando em um site que estou fazendo para meu amigo: http://www.sitenatal.com/
27.12.08 @ 21:00
Comentário de: Marcos Elias [Membro] Email · http://www.explorando.com.br
Hum... O pior é que os textos dos botões ficam no banco de dados, não dá pra editar por arquivos... Talvez diretamente fuçando na tabela de opções dele com o phpMyAdmin ou outra ferramenta de manipulação dos bancos de dados mysql...
27.12.08 @ 21:03
Comentário de: Jogos Grátis no Celular [Visitante] Email · http://www.jogosgratisnocelular.com/
eu vou ver se consigo editar ele no la nas tabelas com PhpMyAdmin, se eu conseguir de outra forma, eu deixo um recado aqui até para que possa auxliar outros usuários que estejam na mesma situação, caso você consiga uma solução me avise via email ok, Marcos, muito obrigado pela força
27.12.08 @ 21:09
Comentário de: Marcos Elias [Membro] Email · http://www.explorando.com.br
Beleza, aviso sim... O que eu tentaria é instalar uma versão anterior do Wordpress, ativar ele, e depois voltar para o novo, mas digo isso apenas porque não tive problemas com ele já instalado quando atualizei para o 2.7, não sei se o causador do problema é alguma outra coisa.
27.12.08 @ 21:10
Comentário de: Catarina Santos [Visitante] · http://catarinasantos.net
O WordPress 2.7 possui paginação de comentários com a função paginate_comments_links. Encontrei-a no codex quando tentava arranjar solução para paginar um blog (e acabei por usar o PageNavi). Nunca testei a função, mas deve funcionar pois é de raiz.

http://codex.wordpress.org/Template_Tags/paginate_comments_links
22.02.09 @ 23:49
Comentário de: Marcos Elias [Membro] Email · http://www.explorando.com.br
É... Eu já vi sobre ela, valeu por comentar adicionando. O ruim para mim é que aqui uso agora o B2 Evolution :(
22.02.09 @ 23:51
Comentário de: Júlio Cavalcanti [Visitante] Email · http://www.juliocavalcanti.com
Eu instalei o Pagenavi no wordpress 2.7.1, coloquei o codigo no arquivo category.php e o menu de paginação até apareceu, mas quando eu clico em alguma outra página, é acrescentado no endereço do site "/page/3/" mas a listagem não chega a ser paginada. Continua do mesmo jeito. O que eu posso ter feito de errado? Por favor, preciso de uma solução urgente: contato@juliocavalcanti.com
14.05.09 @ 09:46
Comentário de: Romeu Rodrigues [Visitante] · http://www.romeurodrigues.com
Qual o loop necessário para fazer esse plugin funcionar?
29.06.09 @ 15:32
Comentário de: Marcos Elias [Membro] Email · http://www.explorando.com.br
Ele pode ser colocado fora do loop que puxa o conteúdo (de preferência depois do loop, mas antes do verificador se há posts), no final da página "index.php" do tema. Dependendo do tema pode colocá-lo também nas páginas de arquivos, normalmente archives.php, que agrupam posts e a navegação ajuda bastante no final.

Eu geralmente coloco após o [?php endwhile; ?] (antes do else, comum nos temas para mostrar algo caso não encontre posts).

Boa parte dos temas para WP usam a navegação padrão do WP, que listaria apenas "Entradas anteriores" e "próximas", basta trocar pelos códigos correspondentes.
29.06.09 @ 21:03
Comentário de: Anderson [Visitante] · http://www.baixe-share.com.br
Valeu pelo post,
Muito obrigado tenha muito sucesso!!!
18.07.09 @ 11:44
Comentário de: Phoenix [Visitante] · http://www.centraldownloads.org/
Olá, estou tendo um problema com a paginação no meu blog, todas as paginas 2, 3, 4, etc... estão sempre sendo criadas iguais a pagina inicial, repetem sempre o mesmo post.
Pensei que fosse o plugin wp-pagenavi mas não era, tentem o Paginator tb, retornei pro codigo original de "posts anteriores" e continua a mesma coisa.

Sabe oq pode ser esse problema ?
13.08.09 @ 16:31
Comentário de: Marcos Elias [Membro] Email · http://www.explorando.com.br
Phoenix, experimente trocar o tema pro default temporariamente, e veja se isso ocorre. Se ocorre não sei o que é. Pode ser algum outro plugin dando conflito.

Agora se não ocorrer no default, deve ser o tema que você usa.

Eu passei pela mesma coisa uma vez que coloquei queries personalizadas pra puxar posts recentes na index. A paginação deixou de funcionar pois apenas o resultado da minha querie era mantido e ela rodava em todas as páginas, ao entrar em /page/2, /page/3, etc, ficava sempre o mesmo conteúdo.

No tema padrão não deve acontecer. Você deve verificar alguma coisa no seu tema, se usar código personalizado, ou tentar trocar o tema. Não tenho como ajudar diretamente no arquivo PHP do tema, mas vê lá :)
13.08.09 @ 17:14
Comentário de: Phoenix [Visitante] · http://www.centraldownloads.org/
é... isso ainda não tinha me ocorrido... realmente o problema é no tema. Mas oq vc fez pra resolver o problema ?
13.08.09 @ 19:02
Comentário de: Marcos Elias [Membro] Email · http://www.explorando.com.br
No meu caso tirei o meu código, que eu mesmo havia colocado...

Há algum código nele que puxa postagens para executar alguma coisa, ou não fechado ou talvez fora do loop... Algo com wp_query_posts (mas também poderia ser outra coisa). Se tiver wp_query_posts ou algo assim ele deveria ficar depois do loop da página, ou então vc faz algo pra só aparecer na index, colocando:

<?php if (is_home()) { >
... codigo que causa o problema aqui ...
<?php } ?>

Assim ele fica só na index, onde naturalmente são exibidos os posts recentes...

Mas teria que analisar o código do tema com calma pra poder responder com clareza.
13.08.09 @ 19:07
Comentário de: vinicius [Visitante] · http://www.geekroom.info
Muito obrigado pela dica, criei um tema exclusivo e não sabia que o pagenavi não fazia isso sozinho!

Muito obrigado pela dica
28.09.09 @ 13:10
Comentário de: vinciius [Visitante] · http://www.geekroom.info
Cara, surgiu um problema...quando você entra nas categorias o paginav não funciona, em qual lugar mais tem que colocar o codigo?
olha só: http://geekroom.info/index.php/category/dicas-de-sites/ o paginav não funcionando nesse metodo
29.09.09 @ 09:40
Comentário de: vinciius [Visitante] · http://www.geekroom.info
Cara, surgiu um problema...quando você entra nas categorias o paginav não funciona, em qual lugar mais tem que colocar o codigo?
olha só: http://geekroom.info/index.php/category/dicas-de-sites/ o paginav não funcionando nesse metodo
29.09.09 @ 09:45
Comentário de: vinciius [Visitante] · http://www.geekroom.info
Cara, surgiu um problema...quando você entra nas categorias o paginav não funciona, em qual lugar mais tem que colocar o codigo?
29.09.09 @ 09:51
Comentário de: vinciius [Visitante] · http://www.geekroom.info
Cara, surgiu um problema...quando você entra nas categorias o paginav não funciona, em qual lugar mais tem que colocar o codigo?
29.09.09 @ 09:58
Comentário de: Junior-MaGgoT- [Visitante] · http://www.baixarock.com
sobre o mesmo plugin mais pra comentários, existe sim. e so pesquisar pelo menos nome, so que em ves de page vc colocar coments ou seja, o nome do plugin e este wp-commentnavi.1.10

abraços!
09.10.09 @ 18:40
Comentário de: Evandro [Visitante] · http://www.evandrovillaca.com/blog
Muito obrigado pela dica, consegui fazer de boa

Abraço
07.01.10 @ 11:59
Comentário de: Sílvio [Visitante] Email · http://www.baixe-gratis.com
Valeu mesmo. Já fazia tempo que tinha esse plugin e não sabia fazer funcionar...

Brother, esse fundo escuro com letras cinzas dificulta muito a leitura!

Valeu e Sucesso pra nós
20.02.10 @ 12:28
Comentário de: Marcos Elias [Membro] Email · http://www.explorando.com.br
Fundo escuro com letras cinzas? :O Que navegador e resolução vc tá usando??? O normal aqui é fundo branco com letra quase preta, mas esse layout tem problemas com resoluções pequenas (800x600 por exemplo), mas como pouca gente usa acabei não ligando muito.

Todavia que bom q a dica ajudou :D

Abraços
20.02.10 @ 15:24
Comentário de: charles lins [Visitante] Email
Quando coloquei o align="center, o pagenavi foi para o centro, mas bagunçou tudo, pois o sidebar da direita veio para dentro da página central, onde fica o pagenavi.
06.04.10 @ 17:10
Comentário de: Jogos games [Visitante] · http://www.jogosgamescelular.com
Parabem pela execente paginação, Adicionei em meu site ficou show, valeu mesmo. Um fato que achei muito emportante, Foi que adicionei ela aonde eu quiz, Aonde se colocar ela fonciona beleza, comfira. Ha editei so o css dela pra dar uma aparencia com a minha pagina. www.jogosgamescelular.com...
24.05.10 @ 23:22
Comentário de: Derick A. Vareschi [Visitante] Email · http://www.vareschi.com.br
Funcionou Perfeitamente!! Vlw
29.05.10 @ 05:30
Comentário de: matheuskayko [Visitante] · http://modemdownloads.coquimdownload.net/
Amigo, add no meu site ele, e fica funcionando normal, mas as cores nao dao contraste, o fundo é branco e a letra tambem, fui no editor do plugin, e nao tinha nada de cor la, pra mudar. Sabe como muda as cores parceiro? Vlw ae.
30.05.10 @ 13:38
Comentário de: Tales A. Mendonça [Visitante] Email · http://talesam.org
Cara, coloquei no meu blog, mas a paginação não funciona, pode me dá um help? Eu clico em próximo, a página atualiza, mas cai sempre na página 1, ele não troca de página.
21.10.10 @ 14:50
Comentário de: Daniel [Visitante]
meu problema é o mesmo de Tales Mendonça
22.11.10 @ 15:06
Comentário de: Uno Filmes [Visitante] · http://unofilmes.6te.net
Valew!
11.01.11 @ 13:32
Comentário de: Luiz Fernando [Visitante] · http://www.cvcequipamentosmedicos.com.br
Sim se for para wordpress realmente vai funcionar hehe

Cara ótimo post o seu parabens pelo site.. muito bacana o conteudo..

Abraços e suscesso.
08.04.11 @ 12:15