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

16 opiniones en “Como utilizar la imagen destacada de WordPress – Thumbnail”

  1. Hola no soy un experto pero estoy utilizando el word press y quisiera saber como hago para que cuando publico una entrada nueva la imagen destacada que aparece al lado de la nota se vea de mayor calidad, algunas entradas anteriores lograron que sus imagenes destacadas se vean pequeñas pero de mas calidad, cuando yo las publico mis imagenes destacadas salen pixeleadas, apesar de que mis fotos son HD, muchas gracias mi version de word press es 3.2.1

    1. Dentro del menú apariencia encontrarás el editor de WordPress. A la derecha del editor tienes todos los archivos que puedes editar desde administración, donde seguramente tengas el functions.php.

      Un saludo

    2. Otra opción que tienes es poner en el archivo index.php (también dentro del editor que está en el menú de apariencia) quitar the_post() y poner the_excerpt(); y dentro del post asignar la imagen destacada.

  2. Hola, mi nombre es Joaquín, me parece muy útil lo de la imagen destacada, y a mi me ha surgido un problema con esto en mi wordpress. Al intentar asignar una imagen destacada y acceder a la librería, la primera imagen que me sale es un cuadro gris que se ha instalado ahi y no puede eliminarse, y a continuación las imágenes de la librería, pero al asignar una si siquiera se carga ni se asigna nada. Me pasa con cualquier plantilla, por lo que debe ser de la instalación wordpress, pero tampoco se soluciona al reinstalar wordpress. Alguien podría ayudarme con esto?. Muchas gracias

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *