Ícone do site Eu Faço Programas

Adicionando paginação no WordPress sem plugins

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 ‘

“;
}
}
[/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

Sair da versão mobile