Cómo Agregar Imágenes Destacadas o Publicar Miniaturas en WordPress

Las imágenes destacadas, también conocidas como miniaturas, 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 las miniaturas. En este artículo le mostraremos cómo añadir imágenes destacadas o publicar miniaturas en WordPress.

Usted podría estar pensando por qué estamos utilizando la imagen destacada y postear la miniatura indistintamente. Bueno, cuando esta característica fue introducida por primera vez en WordPress 2.9, se llamó post thumbnails. Sin embargo, en la siguiente versión fue renombrado a imagen destacada.

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

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

Una manera fácil de averiguar si tu tema soporta imágenes destacadas es yendo al editor de publicaciones. Simplemente crea una nueva entrada y desplázate un poco hacia abajo para ver si hay una meta caja llamada imágenes destacadas en el lado derecho de la pantalla.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Añadir una imagen en miniatura o una imagen destacada en WordPress

Para añadir una imagen destacada en un post de WordPress, simplemente haga clic en el enlace "Set Featured Image" dentro de la caja de meta imágenes destacadas que se muestra en la captura de pantalla de arriba.

Esto abrirá el WordPress Media Uploader. Puede utilizarlo para cargar una imagen desde su ordenador o utilizar una imagen existente de su biblioteca multimedia. Una vez seleccionada la imagen, simplemente haga clic en el botón Establecer imagen destacada.

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

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

Algunos temas de revistas utilizan miniaturas más pequeñas a lo largo de los resúmenes de las publicaciones en la página principal, y una versión más grande en la vista de publicaciones individuales.

Dependiendo de la configuración definida por el desarrollador del tema, tu imagen aparecerá automáticamente con tus mensajes. Sin embargo, si desea cambiar la forma en que el tema maneja las imágenes destacadas y las miniaturas, siga leyendo.

Nota: Todo por debajo de esto requerirá conocimientos de codificación.

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

A pesar de que la imagen destacada es una característica popular apoyada por un gran número de temas, es posible que esté utilizando un tema que no admita imágenes destacadas. En ese caso, puede agregar soporte de imagen destacada a su tema. Si te sientes cómodo editando archivos de temas y conoces un poco de CSS, entonces puedes hacerlo tú mismo.

Para añadir soporte de imagen destacado en un tema de WordPress, necesitas añadir esta línea de código en el archivo functions.php de tu tema:

1add_theme_support( 'post-thumbnails');

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

1

Los archivos en los que añada el código anterior variarán en función del tema. Usted querrá agregar el código dentro de su bucle de postproducción.

El código anterior es la función básica que necesita para añadir soporte de imagen destacada y mostrar imágenes destacadas en su tema. Para establecer el tamaño de la imagen para las imágenes que subas, necesitas añadir esta línea de código a tu archivo functions.php.

1set_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:

12// Tamaño de la imagen para mensajes individuales: addd_image_size( 'single-post-thumbnail', 590, 180 );

En este ejemplo hemos añadido un nuevo tamaño de imagen llamado single-post-thumbnail con 590px y 180px de altura. Para utilizar este tamaño de imagen en nuestro tema, todavía tendremos que añadirlo en el archivo de tema correspondiente. Consulte nuestra guía para agregar tamaños de imagen adicionales en WordPress para obtener más detalles.

Si has subido previamente imágenes destacadas, pero siguen apareciendo en algún otro tamaño, entonces necesitas regenerar las miniaturas y los tamaños de imagen para los mensajes más antiguos.

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

1

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 emergencia predeterminada para las miniaturas de las publicaciones, mostrar imágenes destacadas con subtítulos o incluso agregar varias miniaturas de publicaciones o imágenes destacadas.

Esperamos que este artículo le haya ayudado a aprender a añadir imágenes destacadas o a publicar miniaturas en WordPress. También puede consultar nuestra lista de los 14 plugins y tutoriales de imágenes mejor presentados para WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.