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

Las imágenes presentadas, también conocidas como miniaturas publicadas, son una característica de WordPress bien conocida aceptada por la mayoría de los temas. Estas son la imagen principal para publicaciones de blog y, a menudo, aparecen junto al título en su página inicial y redes sociales. Todos los temas populares de WordPress vienen con soporte construido para imágenes presentadas. En este artículo, le mostraremos cómo agregar fácilmente imágenes recomendadas o publicar miniaturas a WordPress.

Guía para principiantes para imágenes recomendadas en WordPress Las imágenes presentadas son una característica temática de WordPress. Casi todos los temas de WordPress vienen con soporte incorporado para las imágenes presentadas y las muestran maravillosamente en diferentes áreas de su sitio de WordPress.

Como personas, encontramos elementos visuales más atractivos que el texto simple. Las imágenes presentadas te ayudan a hacer que tus páginas de blog se vean más atractivas. También ayuda a desarrollar la participación de los usuarios y aumentar las vistas de la página. Los motores de búsqueda y los sitios sociales también pueden usar estas imágenes y pueden mostrarlas en los resultados de búsqueda y en el flujo de noticias de las redes sociales. La mayoría de las imágenes presentadas se utilizan para publicaciones de blog, pero también puede establecer imágenes recomendadas para páginas y tipos de publicaciones personalizadas.
Nota: Las imágenes presentadas no son idénticas a la imagen de portada. Vea la diferencia entre la imagen de portada y la imagen presentada en WordPress. Dicho esto, para echar un vistazo a cómo agregar fácilmente las imágenes recomendadas a WordPress. Tutorial de video
Suscríbete a WPBeginner
Si prefiere instrucciones escritas, continúe leyendo. Agregar una imagen en miniatura o recomendada publicada en WordPress para agregar una imagen presentada en una publicación de WordPress, simplemente editar o crear una nueva publicación de blog. En el editor de contenido, encontrará la pestaña de imagen presentada en la columna derecha. Debe hacer clic en el área “Establecer la imagen recomendada”, y esto mostrará la ventana de carga de WordPress emergente. Desde aquí, puede cargar una imagen desde su computadora o usar una imagen existente desde su biblioteca de medios. Después de seleccionar la imagen, simplemente haga clic en el botón de imagen destacado.

WordPress ahora mostrará una vista previa de la imagen presentada en la columna derecha. Sin embargo, la imagen presentada se vería diferente según su tema de WordPress. Ahora puede guardar o publicar la publicación y obtener una vista previa para ver cómo aparecerá la imagen presentada en su sitio en vivo.

Dependiendo de la configuración definida por el desarrollador de temas, ¿se muestra su imagen automáticamente junto con sus publicaciones cómo encontrar y usar imágenes recomendadas? Ahora, la próxima gran pregunta que la mayoría de los principiantes se encuentran es dónde encontrar imágenes para usar como imágenes presentadas. No puede usar la búsqueda de imágenes de Google y usar ninguna imagen en Internet. Estas 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 usar para encontrar imágenes gratuitas para publicaciones de blog.
Nuestro principal favorito es:
Shutterstock: tenga algunas imágenes gratuitas, pero el valor real proviene de sus planes pagados, que le dan acceso a toneladas de fotos, ilustraciones, dibujos, videos de alta calidad y más. Esto es lo que utilizamos para el sitio web wpbeginner.unsplash, un recurso popular en línea que publica imágenes de alta resolución que puede usar en su sitio web y en otros proyectos.
Espacio negativo: una colección bien organizada de imágenes sin derechos de autor.
Nuevo stock antiguo: una colección de fotos antiguas de archivos públicos.
Nota: Todas estas fuentes proporcionan imágenes de alta resolución, lo que significa que tienen archivos y dimensiones grandes. Deberá optimizar las imágenes web antes de usarlas como imágenes presentadas.
Las imágenes presentadas son administradas por su tema de WordPress. Para cambiar la forma en que su tema muestra las imágenes presentadas, necesitará algunas habilidades de codificación CSS o WordPress. Si se siente cómodo con la codificación, siga leyendo para más consejos. La guía de los desarrolladores de imágenes recomendados y la publicación de miniaturas en WordPress La imagen presentada es una característica popular de casi todos los temas de WordPress. En situaciones raras, puede encontrar un tema que no acepta las imágenes presentadas o puede que no le gusten la forma en que administran las imágenes características.

En este caso, puede agregar soporte para las imágenes recomendadas a su base o cambiar cómo aparece. Si se siente cómodo editando archivos temáticos de WordPress y conoce un CSS personalizado, puede hacerlo usted mismo. Si su tema no acepta imágenes presentadas, no verá la opción de agregar una imagen presentada en el editor de contenido. Para agregar soporte de imagen recomendado en un tema de WordPress, debe agregar esta línea de código al archivo Function.php: add_theme_support (‘post-thumbnails’); este código permitirá el soporte de imágenes recomendadas para publicaciones y páginas. Ahora puede ir al editor Post -Page Post o Block y verá la opción de imagen presentada.
Sin embargo, al configurar una imagen presentada, no se mostrará automáticamente en su tema de WordPress. Para mostrar imágenes presentadas en su tema, debe editar las plantillas y agregar esta línea de código donde desea mostrar la imagen presentada:

Los archivos en los que agrega el código anterior variarán según su tema. Deberá agregar el código a su bucle de publicaciones. Correlado: vea la hoja de trampa de la jerarquía de temas de WordPress para comprender mejor cómo funciona la tarea. El código anterior es la función básica que debe agregar soporte para las imágenes recomendadas y mostrar imágenes presentadas en su tema. Para establecer el tamaño de la imagen para las imágenes recomendadas que carga, debe agregar esta línea de código a las funciones. Php.
set_post_thumbnail_size (50, 50);
Los parámetros para set_post_thumbnail_size son en este orden: ancho, altura. También puede establecer dimensiones de imagen adicionales que se utilizarán con function_post_thumbnail (). Por ejemplo: // tamaño de imagen para Postadd_image_Size (‘Single-Post-Thumbnail’, 590, 180);
En este ejemplo, agregué un nuevo tamaño de imagen llamado Single-Post-Hhumbnail con 590px con altura de 180px. Para usar esta dimensión de imagen en nuestro tema, aún tendremos que agregarla al archivo de tema apropiado. Consulte nuestra guía sobre imagen adicional agregando WordPress para obtener más detalles.
Si ha cargado previamente imágenes recomendadas, pero aún aparecen en otras dimensiones, entonces debe regenerar las miniaturas y dimensiones de las imágenes para publicaciones más antiguas. A continuación se muestra un ejemplo de función de imagen presentada con la dimensión de imagen específica.
Esta es la versión rota de la funcionalidad completa. Hay muchas otras cosas que puede hacer con las imágenes presentadas. Preguntas comunes sobre las imágenes recomendadas en WordPress Como principiante, puede encontrar preguntas o problemas al usar imágenes presentadas en su blog. Las siguientes son solo algunas de las preguntas más comunes sobre las imágenes presentadas. 1. ¿Por qué la imagen presentada aparece dos veces en mis publicaciones? A veces, un principiante agrega una imagen presentada y luego agrega la misma imagen al contenido del editor de contenido. Todo lo que tiene que hacer es eliminar la imagen del área de contenido y usar solo el metabox para las imágenes presentadas para agregar imágenes presentadas. Para obtener más información sobre este tema, consulte nuestro artículo sobre cómo corregir la imagen presentada que aparece dos veces en WordPress. 2. ¿Cuál es la diferencia entre la imagen de portada y la imagen presentada? Las imágenes de portada se utilizan en la zona de contenido de sus publicaciones o páginas. Normalmente se usan para separar diferentes secciones de una página o publicación larga. La imagen presentada es la imagen representativa de un artículo. Aparece antes o al lado del contenido, pero no dentro del artículo en sí. Para obtener más información sobre este tema, consulte nuestra guía sobre la diferencia entre la imagen de portada y la imagen presentada en WordPress. 3. ¿Cómo se presentan las imágenes junto a las recientes publicaciones de blog?
El editor de WordPress Block viene con un bloque “los últimos mensajes” que le permite mostrar publicaciones recientes con publicaciones. También puede mostrar miniaturas recientes en widgets en la barra lateral utilizando las publicaciones de widgets recientes. Para obtener más detalles, consulte nuestro artículo sobre cómo mostrar publicaciones recientes en WordPress. 4. ¿Cómo recordarles a los autores que agregue imágenes recomendadas en WordPress? Las imágenes presentadas se muestran visiblemente en su página de inicio, la página del blog y otras páginas de archivo. Si usted u otro autor en su blog se olvidó de establecer uno y ha publicado la publicación, aparecerá sin una imagen presentada. Esto se verá mal e inconsistente, lo cual no es bueno para la experiencia del usuario. Puede instalar y activar el complemento de ISE IMAGE PROPIEDE, que mostrará una notificación cuando alguien intente publicar una imagen sin imagen. Para obtener más detalles, consulte nuestro artículo sobre cómo solicitar imágenes presentadas en WordPress. Esperamos que este artículo lo haya ayudado a aprender cómo agregar imágenes presentadas o publicar miniaturas en WordPress. También es posible que desee consultar nuestra Guía de principiantes SEO -Image, 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 los tutoriales de video de WordPress. También puede encontrarnos en Twitter y Facebook.