Saltar al contenido

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

Las imágenes destacadas, también conocidas como miniaturas de publicaciones, son una característica bien conocida de WordPress compatible con la mayoría de los temas.

Son la imagen principal para las publicaciones de su blog y, a menudo, aparecen junto al encabezado en su página de inicio y en las redes sociales. Todos los temas populares de WordPress vienen con soporte integrado para imágenes destacadas.

En este artículo, le mostraremos cómo agregar fácilmente imágenes destacadas o publicar miniaturas en WordPress.

20201127 99

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

Las imágenes destacadas son una característica del tema de WordPress. Casi todos los temas de WordPress vienen con soporte integrado para imágenes destacadas y las muestran maravillosamente en diferentes áreas de su sitio web de WordPress .

20201127 15

Como seres humanos, los elementos visuales nos resultan más atractivos que el texto sin formato. Las imágenes destacadas lo ayudan a hacer que las páginas de su blog se vean más atractivas.

También lo ayudan a generar participación de los usuarios y aumentar las visitas a la página. Los motores de búsqueda y los sitios web de redes sociales también pueden usar estas imágenes y mostrarlas en los resultados de búsqueda y en las noticias de las redes sociales.

La mayoría de las imágenes destacadas se utilizan para publicaciones de blog, pero también puede establecer imágenes destacadas para páginas y tipos de publicaciones personalizadas.

Nota: Las imágenes destacadas no son las mismas que la imagen de portada. Vea la diferencia entre la imagen de portada y la imagen destacada en WordPress.

Dicho esto, echemos un vistazo a cómo agregar fácilmente imágenes destacadas en WordPress.

Agregar miniatura de publicación o imagen destacada en WordPress

Para agregar una imagen destacada en una publicación de WordPress, simplemente edite o cree una nueva publicación de blog.

En el editor de contenido , encontrará la pestaña de imagen destacada en la columna de la derecha.

20201127 16

Debe hacer clic en el área ‘Establecer imagen destacada’, y esto abrirá la ventana emergente del cargador de medios de WordPress.

Desde aquí, puede cargar una imagen desde 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.

20201127 17

WordPress ahora mostrará una vista previa de la imagen destacada en la columna de la derecha. Sin embargo, la imagen destacada real se vería diferente dependiendo de su tema de WordPress.

Ahora puede guardar o publicar su publicación y obtener una vista previa para ver cómo aparecerá la imagen destacada en su sitio web en vivo.

Leer más  Cómo restablecer su base de datos de WordPress a la configuración predeterminada

Dependiendo de la configuración definida por el desarrollador de su tema, su imagen destacada aparecerá automáticamente con sus publicaciones.

¿Cómo encontrar y utilizar eficazmente las imágenes destacadas?

Ahora, la siguiente gran pregunta con la que se encuentran la mayoría de los principiantes es ¿dónde encontrar imágenes para usar como imágenes destacadas?

No puede simplemente usar la búsqueda de imágenes de Google y usar cualquier imagen de Internet. Esas imágenes están protegidas por las leyes de derechos de autor y su uso sin el permiso adecuado puede causar problemas legales.

Afortunadamente, hay varios recursos disponibles que puede utilizar para encontrar imágenes gratuitas para las publicaciones de su blog.

Nuestros principales favoritos son:

Nota : Todas estas fuentes proporcionan imágenes de alta resolución, lo que significa que son grandes en dimensiones. Deberá optimizar las imágenes para la web antes de usarlas como imágenes destacadas.

Las imágenes destacadas son manejadas por su tema de WordPress. Para cambiar la forma en que su tema muestra las imágenes destacadas, necesitará algunas habilidades básicas de codificación CSS o WordPress.

Si se siente cómodo con la codificación, continúe leyendo para obtener más consejos.

La imagen destacada es una característica popular compatible con casi todos los temas de WordPress. En raras ocasiones, es posible que se encuentre con un tema que no admita imágenes destacadas, o puede que no le guste cómo manejan las imágenes destacadas.

En ese caso, puede agregar compatibilidad con imágenes destacadas a su tema o cambiar su apariencia.

Si se siente cómodo editando archivos de temas de WordPress y conoce un poco de CSS personalizado, puede hacerlo usted mismo.

Si su tema no admite imágenes destacadas, no verá la opción para agregar una imagen destacada en el editor de contenido.

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 :

  • Shutterstock : tienen algunas imágenes gratuitas, pero el valor real proviene de sus planes pagos que le brindan acceso a toneladas de fotos, ilustraciones, dibujos, videos y más de alta calidad. Esto es lo que usamos para el sitio Oteara.
  • Unsplash : un recurso en línea popular que publica imágenes de alta resolución que puede usar en su sitio web y otros proyectos.
  • Espacio negativo : una colección bien organizada de imágenes libres de derechos de autor.
  • New Old Stock : una colección de fotografías antiguas de archivos públicos.
Leer más  27 mejores temas de WordPress para músicos y bandas (2020)
20201127 18

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

add_theme_support ('post-miniaturas');

Este código permitirá el soporte de imágenes destacadas para publicaciones y páginas. Ahora puede ir a las publicaciones o al editor de bloques de página , 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 imágenes destacadas en su tema, debe editar sus plantillas y agregar esta línea de código donde desea mostrar la imagen destacada:

<? php the_post_thumbnail (); ?>

Los archivos en los que agregue el código anterior variarán según su tema. Querrá agregar el código dentro de su bucle de publicación.

Relacionado: Consulte la hoja de referencia de la jerarquía de temas de WordPress para comprender mejor cómo funcionan los temas.

El código anterior es la función básica que necesita para agregar soporte de 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 functions.php archivo.

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:

// Tamaño de imagen para publicaciones individuales
add_image_size ('miniatura de una sola publicación', 590, 180);

En este ejemplo, hemos agregado un nuevo tamaño de imagen llamado miniatura de publicación única con 590 px con una altura de 180 px.

Para usar este tamaño de imagen en nuestro tema, aún necesitaremos agregarlo al 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 ha subido imágenes destacadas anteriormente, pero aún aparecen en otro tamaño, entonces necesita regenerar miniaturas y tamaños de imagen para publicaciones más antiguas.

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

<? php the_post_thumbnail ('miniatura de una sola publicación'); ?>

Esta es la versión desglosada de la funcionalidad completa. Hay muchas otras cosas que puede hacer con las imágenes destacadas.

Preguntas frecuentes sobre imágenes destacadas en WordPress

Como principiante, puede encontrar preguntas o problemas al usar imágenes destacadas en su blog. A continuación, se incluyen algunas de las preguntas más frecuentes sobre las imágenes destacadas.

1. ¿Por qué la imagen destacada aparece dos veces en mis publicaciones?

Leer más  ¿Qué es WordPress? Una guía para principiantes (preguntas frecuentes + pros y contras)

A veces, los principiantes agregan una imagen destacada y luego agregan la misma imagen dentro de la parte de contenido del editor de publicaciones.

Todo lo que tiene que hacer es eliminar la imagen del área de contenido y solo usar el metabox de imagen destacada para agregar la imagen destacada. Para obtener más información sobre este tema, consulte nuestro artículo sobre cómo corregir la imagen destacada que aparece dos veces en WordPress .

2. ¿Cuál es la diferencia entre la imagen de portada y la imagen destacada?

Las imágenes de portada se utilizan en el área de contenido de sus publicaciones o páginas. Normalmente se utilizan para separar diferentes secciones de una página o publicación extensa.

La imagen destacada es la imagen representativa de un artículo. Aparece antes o junto al contenido, pero no dentro del artículo real.

Para obtener más información sobre este tema, consulte nuestra guía sobre la diferencia entre la imagen de portada y la imagen destacada en WordPress .

3. ¿Cómo mostrar imágenes destacadas junto a publicaciones de blog recientes?

El editor de bloques de WordPress viene con un bloque de ‘Últimas publicaciones’ que le permite mostrar publicaciones recientes con miniaturas de publicaciones.

También puede mostrar publicaciones recientes con miniaturas en los widgets de la barra lateral utilizando el complemento extendido del widget de publicaciones recientes . Para obtener más detalles, consulte nuestro artículo sobre cómo mostrar publicaciones recientes en WordPress .

4. ¿Cómo recordar a los autores que agreguen una imagen destacada en WordPress?

Las imágenes destacadas se muestran de forma destacada en su página de inicio, página de blog y otras páginas de archivo.

Si usted u otro autor de su blog se olvidó de establecer uno y publicó la publicación, aparecerá sin una imagen destacada. Esto se verá mal e inconsistente, lo que no es bueno para la experiencia del usuario.

Puede instalar y activar el complemento Requerir imagen destacada , que mostrará una notificación cuando alguien intente publicar una publicación sin una imagen destacada.

20201127 100

Para obtener más detalles, consulte nuestro artículo sobre cómo solicitar imágenes destacadas en WordPress .

Esperamos que este artículo le haya ayudado a aprender cómo agregar imágenes destacadas o publicar miniaturas en WordPress. También es posible que desee consultar nuestra guía para principiantes sobre SEO de imágenes, que muestra cómo optimizar sus imágenes de WordPress para los motores de búsqueda.

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