Imágenes destacadas, también conocidas como miniaturas de publicaciones, es una característica muy conocida de WordPress que es compatible con la mayoría de los temas.
Son la imagen principal de las publicaciones de su blog y, a menudo, aparecen junto al título en su página de inicio y en las redes sociales. Todos los temas populares de WordPress tienen 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.
Una guía para principiantes sobre imágenes destacadas en WordPress
Imágenes destacadas es una característica del tema de WordPress. Casi todos los temas de WordPress tienen soporte integrado para imágenes destacadas y las muestran de forma hermosa en diferentes áreas de su sitio de WordPress.
Como humanos, encontramos que las imágenes son más atractivas que el texto sin formato. Las imágenes destacadas harán que las páginas de tu blog se vean más atractivas.
También ayudan a generar participación de los usuarios y aumentar las páginas vistas. Los motores de búsqueda y los sitios de redes sociales también pueden usar estas imágenes y mostrarlas en los resultados de búsqueda y en el feed de las redes sociales.
La mayoría de las imágenes destacadas se utilizan en publicaciones de blog, pero también puede configurar imágenes destacadas para páginas y tipos de publicaciones personalizadas.
Nota: Las imágenes destacadas no son lo mismo que la portada. Vea la diferencia entre una imagen de portada y una imagen destacada en WordPress.
Dicho esto, echemos un vistazo a lo fácil que es agregar imágenes destacadas en WordPress.
Videotutorial
Si prefiere instrucciones escritas, siga leyendo.
Agregar una miniatura de publicación o una imagen destacada en WordPress
Para agregar una imagen destacada a una publicación de WordPress, simplemente edite o cree una nueva publicación de blog.
En el editor de contenido, encontrarás una pestaña de imágenes destacadas en la columna de la derecha.
Debe hacer clic en el área «Establecer imagen destacada» y aparecerá 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. Después de seleccionar una imagen, simplemente haga clic en el botón Establecer imagen destacada.
WordPress ahora mostrará una vista previa de su imagen destacada en la columna de la derecha. Sin embargo, la imagen destacada real se verá diferente dependiendo de su tema de WordPress.
Ahora puede guardar o publicar su publicación y obtener una vista previa para ver cómo se verá la imagen destacada en su sitio web activo.
Dependiendo de la configuración definida por el desarrollador del tema, su imagen destacada aparecerá automáticamente con sus publicaciones.
¿Cómo encuentro y uso las imágenes destacadas de manera eficiente?
Ahora, otra gran pregunta que enfrentan 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. Estas imágenes están protegidas por derechos de autor y su uso sin permiso puede causar problemas legales.
Afortunadamente, hay varios recursos disponibles que puede usar para encontrar imágenes gratuitas para las publicaciones de su blog.
Nuestros favoritos son:
- 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 en el sitio AprenderWP.
- Unsplash: popular recurso en línea que publica imágenes de alta definición que se pueden 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 – colección de fotos antiguas de los archivos públicos.
Nota: Todas estas fuentes proporcionan imágenes de alta resolución, lo que significa que tienen archivos de gran tamaño y dimensiones. Debe optimizar sus imágenes para la web antes de usarlas como imágenes destacadas.
Las imágenes destacadas funcionan con su tema de WordPress. Para cambiar la forma en que aparecen las imágenes destacadas en un tema, necesita conocimientos básicos de codificación de CSS o WordPress.
Si se siente cómodo con la codificación, siga leyendo para obtener más consejos.
Guía para desarrolladores de temas sobre imágenes destacadas y miniaturas para publicaciones de WordPress
La imagen destacada es una característica popular que es compatible con casi todos los temas de WordPress. En raras ocasiones, es posible que te encuentres con un tema que no sea compatible con Imágenes destacadas, o puede que no te guste la forma en que manejan las Imágenes destacadas.
En este caso, puede agregar soporte para imágenes destacadas a su tema o cambiar su apariencia.
Si te sientes cómodo editando tus archivos de temas de WordPress y conoces un poco de CSS personalizado, puedes hacerlo tú 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 soporte para imágenes destacadas en su tema de WordPress, debe agregar esta línea de código en el archivo functions.php de su tema:
add_theme_support (‘post-miniaturas’);
Este código admitirá imágenes destacadas para publicaciones y páginas. Ahora puede ir al editor de publicación o bloque de página y verá habilitada la opción de imagen destacada.
Sin embargo, una vez que se configura la imagen destacada, no se mostrará automáticamente en el tema de WordPress. Para mostrar imágenes destacadas en su tema, debe editar sus plantillas y agregar esa línea de código donde desea mostrar la imagen destacada:
Los archivos a los que agregue el código anterior diferirán según el tema. Querrá agregar código a su ciclo de publicación.
Conectado con: Consulte la hoja de trucos sobre la jerarquía de temas de WordPress para comprender mejor cómo funcionan los temas.
El código anterior es la característica básica que necesita para agregar soporte para imágenes destacadas y mostrar imágenes destacadas en su tema. Para configurar el tamaño de la imagen para las imágenes destacadas que cargue, deberá agregar esta línea de código a su archivo functions.php.
set_post_thumbnail_size (50, 50);
Los parámetros 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 (‘single-post-thumbnail’, 590, 180);
En este ejemplo, agregamos un nuevo tamaño de imagen llamado miniatura de entrada única con 590px y 180px de altura.
Para usar este tamaño de imagen en nuestro tema, aún tendremos que agregarlo al archivo de tema respectivo.
Consulte nuestra guía sobre cómo agregar tamaños de imagen adicionales en WordPress para obtener más información.
Si ya cargó imágenes destacadas pero aún aparecen en un tamaño diferente, deberá volver a generar las miniaturas y los tamaños de imagen para las publicaciones anteriores.
A continuación se muestra un ejemplo de función de imagen destacada con un tamaño de imagen específico.
Esta es una versión dividida 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 usuario novato, puede encontrar preguntas o problemas al usar imágenes destacadas en su blog. A continuación, se incluyen algunas de las preguntas frecuentes sobre las imágenes destacadas.
1. ¿Por qué la imagen destacada aparece dos veces en mis publicaciones?
A veces, los principiantes agregan una imagen destacada y luego agregan la misma imagen en la parte de contenido del editor de publicaciones.
Todo lo que necesita hacer es eliminar la imagen del área de contenido y solo usar el metabox de la imagen recomendada para agregar la imagen destacada. Para obtener más información al respecto, consulte nuestro artículo sobre Cómo corregir una imagen destacada que aparece dos veces en WordPress.
2. ¿Cuál es la diferencia entre la foto de portada y la foto destacada?
Las imágenes de portada se utilizan en el área de contenido de sus publicaciones o páginas. Por lo general, se usan para separar diferentes secciones de una página o publicación larga.
La foto destacada es una foto representativa del artículo. Aparece delante o al lado del contenido, pero no en el artículo en sí.
Para obtener más información al respecto, consulte nuestra guía sobre la diferencia entre una imagen de portada y una imagen destacada en WordPress.
3. ¿Cómo muestro imágenes destacadas junto con mis publicaciones de blog recientes?
El editor de bloques de WordPress incluye un bloque de «Publicaciones recientes» que le permite mostrar las últimas publicaciones con miniaturas de publicaciones.
También puede mostrar publicaciones en miniatura recientes en los widgets de la barra lateral usando el complemento de Widget de publicaciones recientes extendido. Para obtener más información, consulte nuestro artículo sobre la visualización de publicaciones recientes en WordPress.
4. ¿Cómo recordar a los autores que agreguen una imagen destacada en WordPress?
Las imágenes destacadas se muestran claramente 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 configurarlo y lo publicó, aparecerá sin la imagen destacada. 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 le notificará cuando alguien intente publicar una publicación sin una imagen destacada.
Para obtener más información, consulte nuestro artículo sobre cómo requerir 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 puede consultar nuestra guía para principiantes sobre SEO de imágenes, que le muestra cómo optimizar las imágenes de WordPress para los motores de búsqueda.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress. También puede encontrarnos en Twitter y Facebook.
