Saltar al contenido

Cómo agregar imágenes destacadas o publicar miniaturas en WordPress

Featured image metabox in WordPress

Las imágenes destacadas también conocidas como miniaturas de publicaciones son una característica popular en los temas de WordPress. Hoy en día, la mayoría de los temas de fotografía de WordPress, temas de restaurantes, temas de iglesias y otros tipos de temas tienen soporte incorporado para miniaturas de publicaciones. En este artículo le mostraremos cómo agregar imágenes destacadas o publicar miniaturas en WordPress.

Quizás esté pensando por qué estamos usando la imagen destacada y la miniatura de publicación de manera intercambiable. Bueno, cuando esta característica se introdujo por primera vez en WordPress 2.9, se llamó miniaturas posteriores. Sin embargo, en la próxima versión se renombró a imagen destacada.

Guía para principiantes de imágenes destacadas en WordPress

Imágenes destacadas o Miniaturas de publicaciones es una característica del tema. La mayoría de los temas, como Genesis y otros, admiten imágenes destacadas de forma predeterminada.

Una manera fácil de averiguar si su tema admite imágenes destacadas es ir al editor de publicaciones. Simplemente crea una nueva publicación y desplázate un poco hacia abajo para ver si hay un cuadro de meta llamado imágenes destacadas en el lado derecho de la pantalla.

Imagen destacada metabox en WordPress

Video Tutorial

Suscríbase a WPBeginner

Si no le gusta el video o necesita más instrucciones, continúe leyendo.

Agregar miniatura de publicación o imagen destacada en WordPress

Para agregar una imagen destacada en una publicación de WordPress, simplemente haga clic en el enlace «Establecer imagen destacada» dentro del cuadro meta de la imagen destacada que se muestra en la captura de pantalla anterior.

Esto abrirá el cargador de medios de WordPress. Puede usar eso para cargar una imagen de su computadora o usar una imagen existente de su biblioteca de medios. Una vez que seleccione la imagen, simplemente haga clic en el botón Establecer imagen destacada.

Establecer una imagen destacada en WordPress

La imagen aparecerá en el cuadro de meta Imagen destacada, así:

Una imagen destacada agregada en una publicación de WordPress

Es importante tener en cuenta que la imagen puede aparecer un poco diferente en su tema. Todo depende de cómo su tema maneje las imágenes destacadas.

Algunos temas de revistas usan miniaturas más pequeñas junto con resúmenes de publicaciones laterales en la página principal y una versión más grande en la vista de publicación única.

Dependiendo de la configuración definida por su desarrollador de temas, su imagen destacada aparecerá automáticamente con sus publicaciones. Sin embargo, si desea cambiar la forma en que su tema maneja las imágenes destacadas y publicar miniaturas, continúe leyendo.

Nota: Todo lo que se encuentre debajo de esto requerirá conocimientos de codificación.

Guía para desarrolladores de temas sobre imágenes destacadas y miniaturas de publicaciones en WordPress

Aunque la imagen destacada es una característica popular compatible con una gran cantidad de temas, es posible que esté utilizando un tema que no admite imágenes destacadas. En ese caso, puede agregar compatibilidad con imágenes destacadas a su tema. Si te sientes cómodo editando archivos de tema y conoces un poco de CSS, entonces puedes hacerlo tú mismo.

Para agregar compatibilidad con imágenes destacadas en un tema de WordPress, debe agregar esta línea de código en el archivo functions.php de su tema:

add_theme_support( 'post-thumbnails' );

Este código habilitará el soporte de imágenes destacadas para publicaciones y páginas. Ahora puede ir a publicaciones o páginas, y verá la opción de imagen destacada habilitada. Sin embargo, cuando configura una imagen destacada, no se mostrará automáticamente en su tema de WordPress. Para mostrar las imágenes destacadas en su tema, debe editar sus plantillas y agregar esta línea de código donde desea mostrar la imagen destacada:


Los archivos en los que agrega el código anterior variarán según su tema. Deberá agregar el código dentro de su ciclo de publicación.

El código anterior es la función básica que necesita para agregar compatibilidad con imágenes destacadas y mostrar imágenes destacadas en su tema. Para establecer el tamaño de la imagen para las imágenes destacadas que cargue, debe agregar esta línea de código a su archivo functions.php.

set_post_thumbnail_size( 50, 50);

Los parámetros para set_post_thumbnail_size están en este orden: ancho, alto.

También puede establecer tamaños de imagen adicionales para usar con la función_post_thumbnail (). Por ejemplo:

// Image size for single posts
add_image_size( 'single-post-thumbnail', 590, 180 );

En este ejemplo, hemos agregado un nuevo tamaño de imagen llamado miniatura de publicación única con 590px con y 180px de altura. Para usar este tamaño de imagen en nuestro tema, aún tendremos que agregarlo en el archivo de tema apropiado. Consulte nuestra guía sobre cómo agregar tamaños de imagen adicionales en WordPress para obtener más detalles.

Si anteriormente ha subido imágenes destacadas, pero todavía aparecen en otro tamaño, entonces necesita regenerar las miniaturas y los tamaños de imagen para publicaciones más antiguas.

A continuación se muestra un ejemplo de la función de imagen presentada con un tamaño de imagen específico.


Esta es una versión desglosada de la funcionalidad completa. Puede ampliar aún más la funcionalidad de las imágenes destacadas. Por ejemplo, puede establecer una imagen de respaldo predeterminada para las miniaturas de publicaciones, mostrar imágenes destacadas con subtítulos o incluso agregar múltiples miniaturas de publicaciones o imágenes destacadas.

Esperamos que este artículo te haya ayudado a aprender cómo agregar imágenes destacadas o publicar miniaturas en WordPress. También puede consultar nuestra lista de los 14 mejores plugins de imágenes destacadas y tutoriales para WordPress.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook.

.