Depois de no último artigo termos ensinado a criar uma lista com os artigos populares de um site, hoje vamos explicar como pode criar uma lista onde apareçam os últimos artigos que publicou. Depois deste tutorial, e completando a leitura com o artigo anterior que referi, já pode fazer uma zona do seu site onde apresente estas duas listas muito interessantes que certamente facilitarão a vida de quem o visitar. Se deseja ver o qual o efeito produzido por estes códigos que estamos a ensinar, basta dirigirem-se à nossa Home Page e ver estas listas apresentadas em forma de coluna lado a lado.

Escola Blog
Mais uma vez, iremos explicar todo este processo para evitar que tenha que utilizar plugins para o fazer, de modo a que não sobrecarregue em demasia o seu site e consiga ter resultados nos seus testes de velocidade mais satisfatórios. Tal como já referimos diversas vezes, a velocidade de carregamento de um site é extremamente importante, uma vez que é o tempo que um visitante espera para que a página esteja carregada que pode ditar a permanência ou a saída desse visitante no seu site!

Como posso fazer a lista com os últimos artigos?

Tal como na lista de artigos populares, o código para esta ferramenta é extremamente simples e fácil de perceber. Para que apareça a lista com os últimos artigos, cole o seguinte código onde quer que ele apareça:

	<div id="ultimosartigos">
<h2>Últimos Artigos</h2>
<ul id="lastarticle">
<?php query_posts('showposts=5'); ?>
<?php while (have_posts()) : the_post(); ?>
  <li>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail(array(70,70)); ?></a>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
<p><strong><?php the_author() ?></strong>, 
    <?php the_time('j/m/Y') ?> |
    <?php comments_popup_link('0 Comentários', '1 Comentário', '% Comentários'); ?></p>
</li>
  <?php endwhile;?>
</ul>
	</div>

Para definir o número de artigos a mostrar, corrija neste código o valor 5 para o número de artigos que quer que sejam exibidos:

<?php query_posts('showposts=5'); ?>

Já para alterar o tamanho das miniaturas dos artigos, altere os valores 70,70 para o tamanho que deseja, em pixels:

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail(array(70,70)); ?></a>

Para conseguir um pouco mais de personalização, cole o seguinte código CSS no seu ficheiro style.css:

# lastarticle {list-style:none;width:360px;}
# lastarticle li{overflow:auto;margin:10px 0px;border-bottom:1px solid #E6E6E6;padding-bottom:5px;}
# lastarticle li img{float:left;margin-right:10px;border:4px solid #EEEEEE;}
# lastarticle li a{text-decoration:none;font-weight:bold;color:#1e292b;}
# lastarticle li p{margin-top:10px;}
# lastarticle {padding:5px;border:2px solid #fff;border-radius:2px;float:left;width:48%;background:#fff;}

Se desejar, pode alterar o código CSS para conseguir personalizar a sua lista de últimos artigos, conseguindo assim uma melhor adaptação ao layout do seu blog!

E você, como cria a sua lista de últimos artigos?

Agora já não tem desculpas para não criar esta lista, está pronto?