Recuerdo haber pasado horas eligiendo la imagen destacada perfecta para una de mis primeras publicaciones de blog. Pero cuando la publiqué, algo faltaba: los visitantes no tenían forma de saber que la foto era de una impresionante caminata al amanecer en el Parque Nacional Jasper.
Sin un pie de foto, incluso la imagen más deslumbrante no puede contar su historia completa. Es una frustración común, pero afortunadamente, hay una solución simple que he usado en mi propio blog de WordPress para resolver este problema exacto.
En esta guía, te mostraré la forma más fácil de agregar pies de foto a tus imágenes destacadas. Usaré un plugin gratuito y confiable que funciona con cualquier tema de WordPress.
¿Por qué agregar pies de foto a tus imágenes destacadas?
Los pies de foto hacen que tus imágenes destacadas de WordPress sean más accesibles y proporcionan contexto instantáneo para los lectores.
Piensa en una imagen destacada como la portada de tu artículo. Es lo primero que la gente ve, pero sin un pie de foto, no puede contar toda la historia. He descubierto que agregar un pie de foto simple es una de las formas más fáciles de hacer que mi contenido sea más atractivo y profesional.
Por ejemplo, en mi sitio de viajes, agregar un pie de foto como 'Vista del atardecer del río Logan en Queensland, Australia' proporciona contexto de inmediato y atrae al lector a la aventura.
Si tienes un portafolio, podrías usar un pie de foto para dar crédito a un fotógrafo o fechar una foto de 'antes y después', lo que agrega una capa de profesionalismo.
Las leyendas también juegan un papel importante para hacer que tu sitio web sea accesible para todos. Si bien los lectores de pantalla dependen principalmente del texto alternativo oculto para describir una imagen, también leen en voz alta la leyenda visible. Esto te permite proporcionar contexto adicional o un mensaje clave sobre la foto que es útil para todos los visitantes, asegurando que aquellos que usan lectores de pantalla no se pierdan esa información.
Esto sigue las mejores prácticas para la accesibilidad web y también es esencial para dar el crédito adecuado si estás utilizando una imagen que no es tuya.
Muchas publicaciones y blogs populares nunca publican una imagen sin una línea de crédito, y es una buena práctica que recomiendo encarecidamente.
El problema es que, si bien WordPress te permite agregar una leyenda a cualquier imagen, la mayoría de los temas simplemente no muestran la leyenda para las imágenes destacadas.
Esto se debe a que el código de un tema controla cómo aparecen las imágenes destacadas, y los desarrolladores de temas a menudo omiten esta función por defecto. Vamos a arreglar eso.
Cómo agregar leyendas a imágenes destacadas con un plugin de WordPress
Para la mayoría de las personas, la forma más fácil de mostrar leyendas de imágenes destacadas es con un plugin. Recomiendo un plugin gratuito llamado FSM Custom Featured Image Caption. Es una herramienta ligera diseñada para hacer una cosa: hacer visibles las leyendas de tus imágenes destacadas.
Recomiendo este enfoque porque funciona con cualquier tema de WordPress. El plugin es popular y confiable, con miles de instalaciones activas en WordPress.org. Lo mejor de todo es que funciona directamente sin configuraciones complicadas.
Este plugin te ofrece dos formas sencillas de administrar las leyendas de tus imágenes destacadas: directamente en el editor de publicaciones para publicaciones específicas, o en la Biblioteca de medios para mayor consistencia.
Primero, necesitas instalar y activar el plugin FSM Custom Featured Image Caption. Si necesitas ayuda, puedes consultar nuestra guía sobre cómo instalar un plugin de WordPress.
Una vez activado el plugin, procede a abrir cualquier publicación o página para editarla. En el panel de configuración de la derecha, busca la sección de Imagen destacada . Ahora verás un nuevo campo etiquetado como 'Descripción de la imagen destacada' justo debajo de la miniatura de tu imagen destacada.
Simplemente escribe el texto que deseas usar para tu descripción directamente en este cuadro. Este es el método principal y más sencillo.
Cuando hayas terminado, simplemente haz clic en el botón 'Actualizar' o 'Publicar' para guardar tus cambios.
Eso es todo. La descripción que ingresaste ahora aparecerá con tu imagen destacada en tu sitio web en vivo.
Cómo funciona la función de respaldo (Biblioteca de medios)
El plugin es inteligente. Digamos que dejas vacío el cuadro 'Descripción de la imagen destacada' en el editor de publicaciones. En ese caso, automáticamente verificará si tienes una descripción guardada para esa imagen en la Biblioteca de medios de WordPress y mostrará esa en su lugar.
Esto es muy útil si planeas usar la misma imagen y descripción en varias publicaciones.
Para agregar un pie de foto predeterminado, simplemente navega a Medios » Biblioteca desde tu panel de WordPress y haz clic en la imagen que deseas editar. En la ventana ‘Detalles del archivo adjunto’ que aparece, completa el campo ‘Pie de foto’. Cualquier texto que agregues aquí se guarda automáticamente.
Ahora, siempre que el cuadro ‘Pie de foto de imagen destacada’ en el editor de la publicación esté en blanco, este pie de foto de la Biblioteca de medios se usará por defecto. Esto proporciona el equilibrio perfecto entre el control específico de la publicación y la consistencia en todo el sitio. 👍
Extra: Agregar un pie de foto a las imágenes en WordPress
A diferencia de las imágenes destacadas, agregar un pie de foto a una imagen dentro de tus publicaciones o páginas es mucho más sencillo. Esto se debe a que WordPress está configurado para mostrar estos pies de foto automáticamente, sin pasos adicionales.
Primero, sube una imagen a tu publicación o página. Cuando se abra la biblioteca de medios, verás los campos para ‘Texto alternativo’, ‘Título’, ‘Pie de foto’ y ‘Descripción’ en el panel derecho.
A continuación, simplemente escribe tu texto en el campo ‘Pie de foto’.
Una vez que hayas terminado, haz clic en el botón ‘Seleccionar’ para insertar la imagen en tu publicación. El pie de foto aparecerá automáticamente debajo de ella.
Si deseas una guía más detallada, puedes consultar nuestro tutorial completo para principiantes sobre cómo agregar pies de foto a las imágenes en WordPress.
Preguntas frecuentes sobre los pies de foto de imágenes destacadas
Aquí tienes respuestas a algunas de las preguntas más comunes que recibimos sobre cómo agregar pies de foto a las imágenes destacadas en WordPress.
¿Cuál es la diferencia entre un pie de foto de imagen y el texto alternativo?
Una leyenda se muestra públicamente en la página para dar a tus lectores más contexto sobre una imagen. El texto alternativo es una descripción privada para los motores de búsqueda y lectores de pantalla, y solo aparece si una imagen no se carga.
¿Son buenas las leyendas de las imágenes destacadas para el SEO?
Sí, pueden serlo. Las leyendas ayudan a los motores de búsqueda a entender mejor tus imágenes y mejoran la accesibilidad de tu sitio. Ambas son señales positivas para el SEO de tu sitio web.
¿Puedo cambiar el estilo del texto de la leyenda?
Absolutamente. El aspecto de tu leyenda está controlado por la hoja de estilos de tu tema. Puedes usar CSS personalizado para cambiar la fuente, el color, el tamaño o la alineación para que coincida con el diseño de tu sitio.
¿Desaparecerán mis leyendas si cambio de tema?
No, no lo harán. El plugin guarda tus leyendas directamente en la base de datos de WordPress. Esto significa que están seguras y se transferirán incluso si decides cambiar tu tema más adelante.
Recursos adicionales para imágenes de WordPress
Ahora que sabes cómo añadir leyendas a tus imágenes destacadas, quizás quieras consultar estas otras guías útiles relacionadas con las imágenes de WordPress:
- Cómo requerir imágenes destacadas para las publicaciones en WordPress – Aprende cómo asegurarte de que cada publicación tenga una imagen destacada antes de que pueda ser publicada.
- Los mejores plugins y herramientas para imágenes destacadas en WordPress (comparados) – Descubre nuestras selecciones expertas de plugins que pueden ayudarte a gestionar y optimizar tus imágenes destacadas.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Dennis Muthomi
¡Grandes consejos para agregar subtítulos a las imágenes destacadas!
una pregunta sin embargo: si bien los subtítulos brindan contexto útil, he notado que Google PageSpeed Insights marca mi sitio por falta de texto alternativo en las imágenes.
desde el punto de vista de la accesibilidad, ¿recomendarías priorizar la adición de descripciones de texto alternativo sobre los subtítulos??
Comentarios de WPBeginner
Querrás usar al menos el texto alternativo.
Piensa en el texto alternativo como una descripción de la imagen en sí. El subtítulo ayuda a agregar contexto a esa descripción.
Dennis Muthomi
ok…that makes total sense now, thanks for the clarification!
Jiří Vaněk
El texto alternativo es importante no solo para el SEO. Al usar ALT, le estás diciendo a los motores de búsqueda (Google, Bing, etc.) y también a los usuarios con discapacidad visual, para quienes esta etiqueta está principalmente destinada, qué se representa en la foto o imagen. Google, por sí solo, no puede reconocer lo que hay en la imagen, pero con la ayuda del texto alternativo, puedes explicárselo y ellos indexarán mejor la imagen para las palabras clave dadas. Si no usas textos alternativos, afectarás significativamente el SEO de tus imágenes. No subestimes esto :).
Mrteesurez
Se recomienda encarecidamente el uso de texto alternativo (Alt text) para todas las imágenes. A menos que haya texto en la imagen, Google no puede identificar lo que está sucediendo en la imagen o fotografía.
Además, los textos alternativos se muestran a usuarios con mala conexión de red o cuando la imagen no se carga; este texto les permitirá comprender el tipo de imágenes que deberían mostrarse allí.
Anónimo
Gracias
Soporte de WPBeginner
You’re welcome
Administrador
Zlatev
Incorporado en 4.6 –
Chris
¿Cómo?
Frank
¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿¿|12| zaib azhar
zaib azhar
¿en qué archivo?
Moyen
Hola,
Intenté obtener la imagen destacada llamando al ID de publicación específico y a la función get_post, pero todo está bien excepto la imagen destacada. No muestra la imagen destacada.
¿hay algún problema al llamar por ID de publicación y get_post(); ?
¿mi código?
// plantilla personalizada (comunidad)
post_title; ?>
post_content; ?>
¿Alguna idea, por favor?
Soporte de WPBeginner
Lamentamos no poder ver el código. Puedes poner tu código en http://pastebin.com/ y luego compartir el enlace en el comentario.
Administrador
Sabir
Esto es muy genial y muy útil. ¡Muchas gracias!
Trisha
¡Gracias por explicar esto! Solo necesitaba agregar los pies de foto de la imagen y pasé mucho tiempo buscando una solución... Encontré muchas otras respuestas en el foro de soporte de WP, pero ninguna explicaba cómo se almacenan las imágenes destacadas... algo tan simple ahora que lo entiendo.
Vali_REK
Hola, gran publicación.
Por favor, explica si puedo hacer eso en otro sitio web.
Me gustaría mostrar un artículo o una categoría de un blog de WordPress en un sitio web de OpenCart.
Gracias
Soporte de WPBeginner
Puedes obtener contenido de WordPress en un sitio web de OpenCart usando RSS Feed.
Administrador
Aneas Nemorosus
¿Dónde puedo invitarte a un café????
Personal editorial
Puedes enviarnos una donación usando los formularios aquí:
https://www.wpbeginner.com/wpbeginner-needs-your-help/
Administrador
Mike
Todavía no sé qué o dónde está el "loop". Lo siento.
Yannick
Disculpa, no lo entiendo muy bien…
¿En qué bucle exactamente tengo que pegar el código?
Quizás solo soy yo que estoy con el cerebro apagado, disculpa por eso.
Personal editorial
En el loop donde quieres mostrar miniaturas con leyendas. Este podría ser tu archivo single.php, o cualquier otro archivo.
Administrador
Dejan
¡¡¡Gracias por esto!!!
Jhon Edison Bueno Martinez
Muchas gracias, he estado buscando esto y esta es la mejor y más simple explicación de cómo agregar la leyenda de imagen para las imágenes destacadas.
Gracias
Personal editorial
Usa este artículo:
https://www.wpbeginner.com/wp-themes/how-to-display-custom-fields-outside-the-loop-in-wordpress/
Administrador
tonilehtimaki87
Corto, conciso y al punto. La única crítica es por no proporcionar un ejemplo de salida para el artículo corto. Para otros lectores: ¡Recuerden leer las publicaciones relacionadas!
Gary
¿Cómo puedo estilizar el pie de foto?
¿Se está renderizando la línea del pie de foto fuera de la clase DIV en el código fuente? ¿Qué estoy haciendo mal?
Gracias de antemano,
Gary
Personal editorial
Puedes envolver el contenido del echo en su propio div.
Administrador
t.diaz
He estado golpeándome la cabeza contra la pared durante unas 4 horas tratando de averiguar cómo envolver el contenido del echo en su propio div. (Soy nuevo en PHP).
¿Puedes darme un ejemplo de cómo se vería envolver el div en ese echo?
Personal editorial
Hazlo así:
echo ‘abrir div aquí’ . get_post(get_post_thumbnail_id())->post_excerpt . ‘cerrar div aquí’;
karen
Esto es genial. Muy útil. ¡Muchas gracias! Pero sería realmente útil mostrar una captura de pantalla del resultado.
Bronson
Esta pequeña joya resulta útil cuando se quiere arreglar la mayoría de los temas gratuitos que existen... agradable, rápido y fácil.