A navegação de posts é essencial em quase todos os templates para wordpress, mas uma navegação com thumbnail você dificilmente já deve ter visto. Não seria ótimo para seu template ter está função juntamente com o titulo dos posts? Abaixo vou ensinar como isso pode ser feito de forma rápida e prática, são apenas 3 passos, vamos lá!
1- Adicionando ao seu template o suporte para thumbnails
Vá em seu painel de controle em Appearance > Editor , procure por um arquivo chamado functions.php
Feito isso adicione esse pedaço de código e salve, é ele que vai ativar o suporte aos thumbnails
add_theme_support('post-thumbnails');
2- Adicione o código
Após salvar o functions.php procure no lado direito um arquivo de nome single.php
Já aberto o single.php procure onde se encontram o previous_post_link e next_post_link. Se seu theme não tem essas chamadas, procure um lugar apropriado para fazê-las e cole o seguinte código:
<?php
$PostAnterior = get_previous_post();
$thumbanterior = get_the_post_thumbnail($PostAnterior->ID, array(150,150) );
previous_post_link('%link',''.$thumbanterior.'', TRUE);
?>
<p class="postanterior"><?php previous_post_link('%link','<') ; ?>
<?php
$ProximoPost = get_next_post();
$proximothumb = get_the_post_thumbnail($ProximoPost->ID, array(150,150) );
next_post_link('%link',''.$proximothumb.'', TRUE);
?>
<p class="proximopost"><?php previous_post_link('%link','>') ; ?></p>
Vamos a explicação do código. A parte (150,150) é o tamanho do thumbnail, eu setei 150px de largura e 150px de altura, se sinta a vontade para mudar isso. Você pode personalizá-lo utilizando a classe .wp-post-image em seu css. O ‘<’ e ‘>’ pode ser mudado para ‘%title’ se você prefere colocar os títulos de seus posts juntamente da imagem, para estilizar isso é só utilizar as classes ‘proximopost’ e ‘postanterior’.
3- Adicionando um thumbnail ao seu post
Quando for fazer uma nova postagem fique de olho ao lado direito da tela, a opção de thumbnail vai estar ali, é tão simples quanto inserir uma nova imagem em um post. Mas fique atento, depois de enviar a imagem é preciso seta-la como um thumbnail, certifique-se que você fiz isso, click no link ‘set as thumbnail’.
Viu como inserir thumbnails é fácil? Em breve vou ensinar novos truques com thumbnails no wordpress ;D
