Paginação simples sem plugin para WordPress

PHP & WordPress

Com esse artigo, você vai aprender a remover a criar uma paginação simples sem plugin para WordPress!

Não necessariamente você precisa de plugins para fazer tudo no WordPress, paginação é um deles. Existem muitos plugins bons para isso, porém bem complexos.

O WordPress já tem uma paginação por padrão, bas usar algumas linhas de PHP e CSS.

Esse script é inserido no arquivo functions.php do seu tema.

function simple_pagination( $total, $total_per_page ){
	$page_number_max = ceil( $total / $total_per_page );
	$big = 999999999;

	return paginate_links( array(
		'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
		'format' => '?paged=%#%',
		'current' => max( 1, get_query_var('paged') ),
		'total' => $page_number_max
	) );
}

O parâmetro $total ela é usada para você passar o total de posts que tem no Wp_Query(). No exemplo aplicado você vai usar o retorno do método ->found_posts.

Caso queria deixar mais simpática, tem um CSS para você colocar no style.css do seu tema:

.pagination-container {
	width: 100%;
	clear: both;
	margin-top: 40px;
}

.pagination-container a:hover {
	color: #a01a23 !important;
}

.pagination-container span,
.pagination-container a {
	border: 1px solid #848d9b;
 	padding: 5px 10px;
}

.pagination-container a {
	border-color: #be1420 !important;
}

Veja o script aplicado no front do seu wordpress.

<div class="pagination-container">											 
  <?php echo simple_pagination( $get_query->found_posts, 15 ); ?>
</div>

 

Dica Extra: se você quiser remover a barra de navegação no Front do WordPress somente para usuários com nível abaixo de Administrador, clica nesse link aqui e veja o que adicionar no script acima.

 

Referências:
https://developer.wordpress.org/reference/functions/paginate_links/
https://developer.wordpress.org/reference/functions/get_query_var/

Autor da Postagem

Ted k'

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Close