Colocando o CSS nos botões da paginação

Botão “Anteriores”

Adicionando a class a URL do botão:

<?php	
	add_filter('next_posts_link_attributes', 'next_posts_link_class');	
	function next_posts_link_class(){
		return 'class="posts-anteriores"';
	}
?>

Antes

	<a href="http://localhost/wordpress/teste/page/2/">Anteriores</a>

Depois

	<a href="http://localhost/wordpress/teste/page/2/" class="posts-anteriores">Anteriores</a>

Botão “Próximos”

Adicionando a class a URL do botão:

<?php 			
	add_filter('next_posts_link_attributes', 'next_posts_link_class');	
	function next_posts_link_class(){
		return 'class="posts-proximos"';
	}
?>	

Antes

	<a href="http://localhost/wordpress/teste">Próximos</a>

Depois

	<a href="http://localhost/wordpress/teste" class="posts-proximos">Próximos</a>

Depois de colocado as duas funções, colocamos o código aonde ficará os botões:

	<nav class="nav-posts">
		<ul>
			<!-- Botão "Anteriores" -->
			<li><?php next_posts_link('Anteriores'); ?></li>
			<!-- Botão "Próximos" -->
			<li><?php previous_posts_link('Próximos'); ?></li>
		</ul>
	</nav>
Anúncios

Um comentário em “Colocando o CSS nos botões da paginação

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s