tutoriais category image
Paginação de Posts
Tuesday 29/03/2011 às 12:36 | Arquivado em: Tags & Hacks, Tutoriais

Mais uma funçãozinha daquelas que a gente adora para substituir o uso de plugins 8
Como o nome já diz, faz a paginação de posts. Exemplo:

1. Abra o arquivo functions.php do seu tema e adicione:

function pagination($pages = '', $range = 5)
{
$showitems = ($range * 2)+1;
global $paged;
if(empty($paged)) $paged = 1;
if($pages == ''){
global $wp_query;
$pages = $wp_query->max_num_pages;
if(!$pages){
$pages = 1;
}
}
if(1 != $pages){
echo "<div class=\"pagination\"><span class=\"current\">Página ".$paged." de ".$pages."</span>";
if($paged > 1 && $showitems < $pages) echo "<a title=\"Anterior\" href='".get_pagenum_link($paged - 1)."'>&laquo;</a>";
for ($i=1; $i <= $pages; $i++)
{
if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
{
echo ($paged == $i)? "<span class=\"current\">".$i."</span>":"<a title=\"Página $i\" href='".get_pagenum_link($i)."' class=\"inactive\">".$i."</a>";
}
}
if ($paged < $pages && $showitems < $pages) echo "<a title=\"Próxima\" href=\"".get_pagenum_link($paged + 1)."\">&raquo;</a>";
echo "</div>\n";
}
}

Lembrando que deve estar sempre dentro de <?php e ?>

2. Abra seu arquivo index.php do seu tema (se quiser também pode colocar no search.php e archive.php) e adicione onde quer que mostre a paginação:

<?php pagination()?>

3. Adicione ao seu arquivo CSS e modifique como quiser:

.pagination {
clear: both;
margin:3px 1px;
text-align:center;
}
.pagination a {
margin:3px 1px;
padding: 3px 6px;
color: #fff;
background-color: #a1a1a1;
}
.pagination a:hover,.pagination .current, {
margin:3px 1px;
padding: 3px 6px;
color: #a1a1a1;
background-color: #f8f8f8;
}

Original daqui: wordpressapi.com, traduzido e modificado por mim.

Troquei a função desse tutorial porque o primeiro que postei, não funcionava corretamente na paginação dos arquivos.

Tags:

Posts Relacionados




22 Comentários em “Paginação de Posts”



TheJunior 12-07-2011 | 08:27 Responder

esse tutorial e o do madlyluv.com foram de extremos auxilios aqui… obrigado por compartilhar!!!

jessiane 29-07-2011 | 23:59 Responder

mas onde tem que coloca a paginação?

Lucas 01-10-2011 | 02:11 Responder

Muito obrigado por compartinhar! sempre procuro altermativas para plugins.
vlww.. p.s lindo o seu blog!! 8

Manuelle 17-11-2011 | 15:24 Responder

olá thamara, resolvi pegar esse estilo de paginação sem plugin porque o meu page navi fiz de tudo e não funciona, vc clica na pagina seguinte o link muda mas a pagina não! daí procurei solução nos fóruns wp e consegui concertar no meu blog
http://metidaabesta.com

acontece que estou fazendo esse blog aqui também http://acasaderefugio.com onde o cod da index é igual ao meu e apesar de seguir os mesmos passos onde no meu funciona, nesse não está funcionando.
Então desabilitei o pagnavi plugin e fiz como vc ensinou, porém dá o mesmo erro. Você tem alguma sugestão para mim??
obrigada

Tamara 17-11-2011 | 16:13 Responder

Não sei o que pode ser.

laspricih 04-02-2012 | 14:37 Responder

Tamara, esse tutorial não serve para o blogger correto?
como eu uso paginacao no blogger, vc saberia me dizer? ou indicar um tutorial?

obrigada,
beijos ;*

Tamara 04-02-2012 | 16:10 Responder

Só serve em WP, para blogger não conheço ;)




Comentar


Os comentários desse blog são MODERADOS, portanto só serão publicados após a minha aprovação. Comentários com propagandas e divulgações não serão aprovados. Obrigada.





38 37 36 35 34 33 32 31 30 29 28 27 26 25 24 23 21 20 19 18 17 16 15 14 13 12 11 10 9 8 6 5 4 3 2 1