Mostrar enlaces a nuestros últimos artículos a través de un muro de miniaturas

Hoy veremos cómo usar miniaturas (thumbnails) para enlazar a nuestros artículos, que podrían ser utilizadas en nuestra barra lateral (sidebar.php) o, directamente, en nuestro índice (index.php). Para que esto funcione, cada artículo deberá tener una imagen subida al mismo (attachment) a través de la Librería de Imágenes (no sera necesario insertarlo en el cuerpo del artículo, con que el archivo esté subido basta. Esto nos puede ir bien si queremos distinguir entre imagen de presentación e imágenes finales en el texto principal una vez llegamos a la página concreta del artículo).

Tendremos que abrir el archivo en el que decidamos añadir esta funcionalidad y pegar el siguiente código:

<?php
$my_query = new WP_Query('showposts=12&orderby=rand');
if( $my_query->have_posts() ) {
echo '<h1>Artículos al Azar!</h1>';
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<?php
$attachments = get_posts( array(
'post_type' => 'attachment',
'number_posts' => 1,
'post_status' => null,
'post_parent' => $my_query->post->ID,
) );
if ($attachments) {
?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
<?php
$thumbnail_id = $attachments[0]->ID;
echo wp_get_attachment_image( $thumbnail_id );
}
endwhile;
}
wp_reset_query();
?></a>
<?php endif; ?>

Estaremos aquí llamando a 12 artículos al azar.

Si tenemos problemas de maquetación, tendremos que usar CSS y abrir nuestro style.css para dar tamaños adecuados a esas imágenes:

.attachment-thumbnail {
height:50px;
width:50px;
padding:5px;
background:#fff;
margin:5px 5px 0 0;
float:left;
}

Esperamos vuestros comentarios.

Comentarios
  1. ¿Sería muy difícil hacer eso mismo pero para el plugin de artículos relacionados?

    Escrito el06/05/2010
  2. Me marca error en la línea 24.

    Escrito el07/05/2010
  3. Hola chicos, gracias por comentar,

    MujerStyle, tendrías que hacerte con un loop que lo permitiera sin miniaturas, y añadir la “chicha” de éste: desde $attachements, hasta echo wp_get_attachments_image.
    Intentaré escribir una entrada para eso en breve (y pediré a los admins que añadan algún plugin para numerar las líneas de código por cierto).

    Simbeline, qué mensaje de error completo te da?

    Escrito el08/05/2010
  4. sólo éso, error en la sintaxis de la línea 24

    Escrito el08/05/2010
  5. Gracias por tus aclaraciones Ignacio :)

    Escrito el15/05/2010
  6. luchosar

    Amigo Ignacio, Creo que este tutorial puede servir para abrir otro post:
    Espero no salirme del tema no es mi intencion.

    Resulta que siempre me he preguntado como hacer para que aparezca en el index el intro de la noticia con una foto en miniatura, y al dar clic en leer mas esta misma foto salga mas grande.
    Creo que seria un buen tema a tratar, que te parece?

    Escrito el17/05/2010
  7. Me acuerdo hace años haber encontrado un widget que te recogia las imagenes de las ultimas enradas escritas en tu blog o en otro. y el diseño era perfecto ya que yo tengo dos blogs de descarga de musica… y cuando ponia ese salian las portadas de los discos.. pero ya no lo he encontrado..

    Escrito el26/06/2010
  8. MARZAMELE

    Me da error en la línea 24.
    sabeís como solucionarlo

    Escrito el23/12/2010
  9. podrias poner al menos un demo de este artículo!

    Escrito el02/02/2011
  10. como puedo pasar de blogger a wordpress sin hosting quiero ayudame

    Escrito el03/02/2011

DEJA TU COMENTARIO