Manejo de Thumbnails desde Wordpress 2.9

Desde hace muchas versiones que quienes trabajamos con wordpress en forma habitual veníamos haciendo “magia” para obtener thumbnails representativos de los post. Para esto generalmente usábamos algún plugin o simplemente creábamos uno nosotros mismos. Podíamos hacerlo creando una interfaz para subir imágenes y luego asociar esta imagen con un post o también (me tocó hacerlo) generar el thumbnail a partir de tomar la primera imagen asociada a un post y luego formatearla dinámicamente (con skuto) para obtener el thumbnail.

Sin embargo, desde la versión 2.9 de Wordpress ya está disponible la funcionalidad de manejo de thumbnails sin requerir ningún plugin extra.

Lo primero que deberás hacer para poder utilizar esta característica es preparar tu template para que la soporte. Para esto deberás editar el archivo functions.php de tu template (o crear en caso de que no lo tengas) y agregarle la siguiente línea:

add_theme_support( 'post-thumbnails' );

¡Listo!, ahora tu template podrá manejar las funciones relacionadas a los thumbnails sin problema, pero antes de conocer estas funciones veremos cómo se agrega una de estas imágenes a un post. Los pasos son los siguientes:

Paso 1: Agregar el thumbnail al post

Esto es bastante fácil ya que basta con que pinches establecer miniatura en la caja con el título Miniatura de entrada. Esta caja NO te aparecerá si tu template no tiene la línea que le da soporte a esta funcionalidad y es la que te expliqué que debes agregar en el archivo functions.php. ( add_theme_support(‘post-thumbnails’); )

Al darle click en establecer miniatura se te abrirá la típica interfaz para cargar imágenes. Cargas la imagen que desees sea el thumbnail de este post tal como lo harías con cualquiera y al final, en vez de pinchar en guardar cambios, haces click en usar como miniatura. Con esto, en la caja Miniatura de Entrada deberías poder ver la imagen que acabas de cargar.

Paso 2: Usando el thumbnail

Ahora toca la parte en la que podemos usar el thumbnail asociado al post que acabamos de crear. Para aprovechar esta característica en nuestro template disponemos de algunas funciones bastante útiles.

• has_post_thumbnail( $post_id ) Esta función te devuelve false si el post (identificado por $post_id) no tiene un thumbnail cargado y true en caso de que sí lo tenga. Si lo usas dentro del loop no es necesario que le pases el valor $post_id.
• the_post_thumbnail() Esta función imprime un tag img con clase attachment-thumbnail y con el src de la imagen correspondiente. Debes usarlo dentro del loop. Puede recibir parámetros, más información en codex.wordpress.com
• get_the_post_thumbnail( $post_id ) Esta función retorna (no imprime) lo mismo que the_post_thumbnail(), pero puede ser usada fuera del loop. En este caso deberás indicarle el id del post con el parámetro $post_id. Al igual que su función hermana, también presenta la posibilidad de recibir más argumentos, puedes leerlo también en codex.wordpress.com.

Con esto ya deberías poder agregar el manejo de thumbnails sin problemas a tu template. El uso de estos thumbnails es muy importante cuando, por ejemplo, el diseño de un blog pide tener en el home todas las imágenes del mismo tamaño y una vez dentro del post las imágenes pueden ser diferentes, en este caso usas el thumbnail en portada y dentro usas, simplemente, las imágenes asociadas al post.