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.



10 comentarios
06/05/2010
¿Sería muy difícil hacer eso mismo pero para el plugin de artículos relacionados?
07/05/2010
Me marca error en la línea 24.
08/05/2010
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?
08/05/2010
sólo éso, error en la sintaxis de la línea 24
15/05/2010
Gracias por tus aclaraciones Ignacio :)
17/05/2010
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?
26/06/2010
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..
23/12/2010
Me da error en la línea 24.
sabeís como solucionarlo
02/02/2011
podrias poner al menos un demo de este artículo!
03/02/2011
como puedo pasar de blogger a wordpress sin hosting quiero ayudame
Deja tu comentario