Cómo agregar miniaturas de publicaciones en 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 el desarrollador de su tema, 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 agregue 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 te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.