Como utilizar la imagen destacada de WordPress – Thumbnail

wordpress logo logotipo con mantenimiento

Si quieres utilizar thumnails o la imagen destacada en WordPress, en las entradas de tu tema, sólo tienes que seguir este sencillo tutorial.

  1. Editar el archivo functions.php, bien de forma manual o bien desde el editor de apariencia, seleccionando el archivo functions.
  2. Añadir las siguientes líneas dnetro del archivo functions.php
    • /*La primera línea le dice a WordPress que habilite las imágenes destacadas, si existe la función en nuestro WordPress. La segunda le pasa el tamaño por defecto para esas imágenes.*/
      if ( function_exists( 'add_theme_support' ) )
      add_theme_support( 'post-thumbnails' );
      set_post_thumbnail_size(150, 150);
  3. Ahora editaremos el fichero de las entradas de nuestra página principal, suele ser el archivo index.php o a veces loop.php dependiendo de tu tema.
  4. Añadiremos el siguiente código donde queramos mostrar nuestra imágen destacada o thumbnail
    • <?php the_post_thumbnail();?>

Con esto ya tendríamos puesta nuestra imágen donde la necesitemos.

Unas opciones muy interesantes son el tamaño por defecto del thumbnail para que no nos deformen las imágenes. Simplemente tenemos que cambiar el código del paso 4 por estos otros.
the_post_thumbnail('thumbnail'); // Thumbnail (default 150px x 150px max)
the_post_thumbnail('medium'); // Medium resolution (default 300px x 300px max)
the_post_thumbnail('large'); // Large resolution (default 640px x 640px max)
the_post_thumbnail( array(100,100) ); // Otras resoluciones

Una buena opción es utilizar the_post_thumbnail() con the_excerpt() para obtener post sólamente con la imágen destacada en el index.php y otra imágen dentro del post, en el page.php