Como Mostrar Links Para Posts Aleatórios na Barra Lateral

Por: em Tutoriais no dia 7 Fevereiro, 2012

Devido ao facto de um blog ser actualizado muitas vezes na mesma semana por vezes muitos artigos ficam enterrados e os utilizadores não os conseguem ver com facilidade mas estes podem ser muito interessantes para a visitante e ao adicionarmos esta característica na nossa barra lateral os utilizadores são confrontados com mais artigos logo ao abrir o site e muitos que podem ainda não ter visto tendo assim mais uma razão para ficarem no seu site. Esta ideia também pode trazer à vida antigos artigos que tenha no seu blog.

Para conseguirmos atingir este efeito o que temos que fazer é abrir o nosso sidebar.php e onde desejarmos adicionar os artigos aleatórios colocar o seguinte código:

1
2
3
4
5
6
7
<h3>Artigos Aleatórios</h3>
<ul>
   <?php $artigos = get_posts('orderby=rand&numberposts=5');
      foreach($artigos as $artigo) { ?>
   <li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>
<?php } ?>
</ul>

Explicando agora este código o que nós fazemos a adicionar este código na nossa página é primeiro adicionar uma heading onde avisarmos os nossos utilizadores que os artigos mencionados abaixo são artigos aleatórios, depois disso abrimos um lista e isto tudo é feito na parte do código escrita em HTML.

No parte do php o primeiro passo que temos que fazer é ir buscar todos os artigos existentes no blog de forma aleatória e depois escolhermos quantos artigos queremos mostrar na nossa barra lateral e guardarmos tudo isto numa variável:

1
2
$artigos = get_posts('orderby=rand&numberposts=5');
// O numero de artigos pode ser mudado para o que desejar

Após termos uma variável que contém 5 artigos aleatórios tudo o que temos que fazer é percorrer esses 5 artigos e por cada um desses criar um list item e lá colocar o link para o artigo por isso utilizamos um foreach loop:

1
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>

Como podem ver com pouco trabalho temos algo que nos poderá dar imenso jeito para trazer de volta à vida os nossos antigos artigos, e uma outra vantagem de utilizar este método é que o podemos modificar como quisermos, se na barra lateral quisermos ter as imagens de destaque é só colocar:

1
2
3
4
5
6
7
8
9
10
<h3>Artigos Aleatórios</h3>
<ul>
   <?php $artigos = get_posts('orderby=rand&numberposts=5');
      foreach($artigos as $artigo) { ?>
   <li>
      <?php the_post_thumbnail(); ?>
      <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
   </li>
   <?php } ?>
</ul>

E a partir desta ideia podem modificar como desejarem e têm uma nova adição à vossa barra lateral.
Espero que este pequeno tutorial tenha ajudado e qualquer dúvida coloquem nos comentários 🙂






Eu sou uma Webdesigner e programadora baseada em espinho com uma paixão pelas novas vertentes do webdesign como o Wordpress, HTML5 e CSS3, neste momento podes-me encontrar no Plus Coding.


Com um total de 9 posts.

2 Comentários

  1. Jose Correia
    9 de Fevereiro de 2012 ás 19:09

    Este sim granda dica 😀
    e bem explicado.

  2. Sara Vieira
    9 de Fevereiro de 2012 ás 20:09

    Muito Obrigada 🙂

Comenta com força que é de graça!