Como poner imagenes miniatura en la entrada de tu blog

Una de las cosas que vemos, hoy en dia, en la mayoria de los blogs es que al visitar una categoria, o la pagina principal, nos presentan un extracto de un articulo acompañada de una imagen a su costado.

Esto ayuda a ahorrar recursos del hostings, y a mi parecer, es una mejor forma de presentar varios articulos a tus visitantes y talvez entren a mas de uno.

Si utilizas wordpress como soporte de tu blog habras notado que hay una seccion que se llama ‘Campo personalizado’ (Custom Field), el cual nos va a ser de mucha utilidad, ya que podemos poner como imagen miniatura fotos que estan almacenadas tanto en nuestro hosting como en un servidor que aloja imagenes de forma gratuita.

Como poner imagenes miniatura en la entrada de tu blog

Para ello creamos un campo personalizado llamado ‘imagen’ donde pondremos la url de la imagen que deseamos que este al costado del extracto (resumen) de la entrada.

posteriormente vamos al index.php o la de tus categorias archive.php de la plantilla de tu tema.

<?php if( get_post_meta($post->ID, "imagen", true) ): ?>
<a href="<?php the_permalink() ?>" >
<img  style="float:left;" src="<?php echo get_post_meta($post->ID, "imagen", true); ?>"  /></a>
<?php else: ?>
<!-- en caso que el campo 'imagen' este vacia saldra la siguiente imagen: -->
<a href="<?php the_permalink() ?>" >
<img style="float:left;" src="<!-- poner una url de una imagen -->"/></a>

<?php endif; ?>

<?php the_excerpt() ?>