Adicionar paginação no WordPress é algo tão simples que não existe a necessidade de instalar plugins para isso. A seguir, em apenas 3 passos, criaremos uma paginação simples e funcional, que você poderá estilizar de acordo com as cores do seu tema.
O primeiro passo é procurar o arquivo functions.php dentro da página do seu tema. Se você não sabe aonde está localizado, procure, dentro da instalação do WordPress, por wp-contents >> themes, entre na pasta do seu tema e, caso o arquivo não exista, basta cria-lo.
Nesse arquivo, dentro das tags <?php ?>, copie e cole o código abaixo:
[code language=”php”] function pagination($pages = ”, $range = 4){
$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)
{
// Abre a div de paginação
echo ‘
‘;
if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo '« Primeira‘;
if($paged > 1 && $showitems < $pages) echo '‹ Seguinte‘;
for ($i=1; $i = $paged+$range+1 || $i {
echo ($paged == $i)? ‘‘.$i.’‘:’‘.$i.’‘;
}
}
if ($paged < $pages && $showitems < $pages) echo 'Próxima ›‘;
if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo 'Última »‘;
// Fecha a div de paginação
echo ”
“;
}
}
[/code]
Agora trabalharemos o estilo. Para um visual como o da imagem abaixo, por exemplo, basta copiar o código abaixo e colar dentro de sua folha de estilos. Personalize-a a vontade, criando efeitos visuais com CSS3 e o que mais desejar!
[code language=”CSS”] /* Estilo para paginação */div.pagination {
text-align:center;
padding:7px;
margin:0;
font-size:12px;
}
div.pagination a {
padding:8px 10px 8px 10px;
margin:2px;
border-bottom:3px solid #999;
text-decoration:none;
color:#999;
}
div.pagination a:hover, div.pagination a:active {
border-bottom:3px solid #01532D;
color:#01532D;
background:#fbfbfb;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
}
div.pagination span.pages {
padding:8px 10px 8px 10px;
margin:2px;
border-bottom:3px solid #999;
text-decoration:none;
color:#21759B;
}
div.pagination span,div.pagination span.current {
padding:8px 10px 8px 10px;
margin:2px;
border-bottom:3px solid #01532D;
font-weight:bold;
}
[/code]
Com tudo isso pronto, agora é só colocar o seguinte código dentro da página aonde deseja que seja aplicada a paginação, entre as tags <?php> <?>:
[code language=”php”] if (function_exists(“pagination”)) {pagination($additional_loop->max_num_pages);
}
[/code]
A quantidade máxima de posts a serem exibidos pode ser alterada no próprio menu no WordPress, em Configurações>>Leitura.
// Comente!
comentários