En este artículo veremos como extraer los datos de una thumbnail (incluyendo la URL) en WordPress. Debemos tener en cuenta que para que funcione debe encontrarse dentro del loop de los posts.
¡Empecemos con el código!
Para realizar la tarea utilizaremos un par de funciones que ya vienen predefinidas en el core de WordPress.
1
2
3
4
5
6
7
|
<?php
if(have_posts()) : while(have_posts()) : the_post();
$thumb = wp_get_attachment_image_src( get_post_thumbnail_id(), ‘large’ );
$urlImagen = $thumb[‘0’];
echo ‘<img src=” . $urlImagen . “>’;
endwhile; endif;
?>
|
Para mostrar la imagen solamente escribimos:
1
|
<img src=“<?php echo urlImagen;?>“ alt=“<?php the_title();?>“ />
|
Como pueden ver, el código es realmente sencillo y práctico.
Pero… ¿Qué hacen esas funciones que utilizamos?
Las funciones que utilizamos solamente funcionarán si nuestro tema soporta thumbnails. En el caso de que no lo soporte, solamente debes agregar al archivo functions.php el siguiente código:
1
|
add_theme_support( ‘post-thumbnails’ );
|
Con esa pequeña función ya estará habilitado el soporte para thumbnails en nuestro tema.
VOLVIENDO A LAS FUNCIONES UTILIZADAS
get_post_thumbnail_id: Esta función nos muestra el ID de la thumbnail de determinado post, en el caso de que no haya thumbnail nos regresará NULL (un valor vacío).
1
|
<?php $post_thumbnail_id = get_post_thumbnail_id( $post->ID );?>
|
wp_get_attachment_image_src: Devuelve un array con los atributos “URL”, “alto” y “ancho” de una imagen.
1
2
3
4
5
6
|
<?php
$miAttachmentID = 15;
$mostrarImagen = wp_get_attachment_image_src( $miAttachmentID );
?>
<img src=“<;?php echo $mostrarImagen[0]; >” alt=“” width=“<?php echo $mostrarImagen[1]; >” height=<?php echo $mostrarImagen[2]; >” />
|