Letras rosas sobre fondo blanco

La llegada de Gutenberg ha hecho que algunas tareas sean más sencillas que nunca. Entre ellas, está la posibilidad de añadir leyendas y textos alternativos a nuestras imágenes. Si aún no sabes cómo hacerlo o no sabes de qué te estoy hablando, no te pierdas este tutorial para principiantes.

Añadir leyenda y texto alternativo desde el editor

Lo primero que tienes que hacer para añadir la leyenda y el texto a una imagen desde el editor es, obviamente, añadir dicha imagen. Para ello, basta con que hagas clic en el botón de añadir un nuevo bloque y escogas Imagen:

Insertar bloque de imagen
Insertar bloque de imagen.

Alternativamente, otra forma muy rápida de añadir un bloque de imagen (o cualquier otro tipo de bloque, ya que estamos) consiste en usar los atajos que empiezan por /. Simplemente, escribe empieza a escribir /imagen y te saldrá recomendado:

Atajo para añadir un bloque de imagen
Atajo para añadir un bloque de imagen.

Con ello, tendrás un bloque de imagen esperando:

Bloque de imagen sin imagen especificada
Bloque de imagen sin imagen especificada.

Supón que deseas subir una imagen desde tu ordenador o insertarla desde una URL. Pues bien, una vez la hayas «metido» en tu web, verás que la imagen aparece en tu editor con una sección debajo esperando a que escribas la leyenda:

Imagen sin leyenda
Imagen sin leyenda. Cuando seleccionas el bloque de imagen, aparece la posibilidad de escribir la leyenda debajo.

Escribe lo que quieras y ¡listo! Es así de fácil ?

Por otro lado, si lo que quieres es especificar el texto alternativo de la imagen (lo que viene siendo una descripción textual de la imagen para los usuarios invidentes), lo puedes hacer desde la barra lateral del editor. Simplemente selecciona el bloque y en el apartado de Ajustes de imagen, especifica el texto alternativo:

Opciones adicionales del bloque de imagen
En las opciones adicionales del bloque de imagen encontramos la opción para añadir el texto alternativo.

Añadir leyenda y texto alternativo desde el cuadro de Medios

Cuando decides añadir una imagen desde la Biblioteca de medios, lo que ves es el siguiente cuadro:

Diálogo para seleccionar una imágen de la galería
Diálogo para seleccionar una imágen de la galería.

Si te fijas, en la barra lateral de este cuadro también aparece una Leyenda y un Texto alternativo. Si modificas cualquiera de los dos valores e insertas la imagen en tu editor:

Bloque de imagen con leyenda por defecto
Bloque de imagen con leyenda por defecto.

verás que la imagen aparece ya con la Leyenda y el Texto alternativo que hubieras especificado. La diferencia entre este método y el anterior es que este método almacena la Leyenda y el Texto alternativo como información de la propia imagen en sí, convirtiéndose en la leyenda y el texto alternativo por defecto de dicha imagen. De esta forma, cada vez que añadamos esa misma imagen a una nueva entrada desde la biblioteca de medios, los dos campos estarán ya definidos con esos valores por defecto.

Si queremos cambiar la Leyenda o el Texto alternativo de la imagen para nuestra entrada en concreto, manteniendo sus valores por defecto, añade la imagen a tu entrada como acabamos de ver y luego modifica los atributos tal y como te he explicado en la sección anterior.

Añadir leyenda y texto alternativo desde la pantalla de Medios

Como bien sabes, es posible también subir imágenes a nuestra Biblioteca de medios fuera del contexto de una entrada, usando el menú lateral de WordPress Medios » Añadir nuevo:

Pantalla para subir nuevas imágenes a WordPress
Pantalla para subir nuevas imágenes a WordPress.

Si subes una imagen desde allí, o echas un vistazo a las que ya tienes subidas, verás que tienes la opción de editarlas. La edición de una imagen desde la Biblioteca de medios abre una pantalla como la siguiente:

Pantalla de edición de una imagen de la biblioteca de medios
Pantalla de edición de una imagen de la biblioteca de medios.

donde, de nuevo, aparecen los campos para modificar la Leyenda y el Texto alternativo de una imagen. Los campos que ves en esta pantalla son los mismos que hemos visto cuando, en la sección anterior, usábamos el cuadro para añadir una imagen desde la Biblioteca de medios.

Galerías

Finalmente, comentarte que si te interesa también puedes añadir leyendas y textos alternativos a cada una de las imágenes que forman parte de tus galerías. Simplemente añade un bloque de galería:

Insertar un bloque galería
Insertar un bloque galería.

Selecciona las imágenes que forman parte de ella:

Selección de imágenes para crear una galería
Selección de imágenes para crear una galería.

Y luego especifica las leyendas de cada imagen desde el propio cuadro de creación de galerías:

Leyendas para las imágenes de la galería
Leyendas para las imágenes de la galería.

o, una vez insertado el bloque, desde el mismo:

Edición de la galería en el propio editor
Edición de la galería en el propio editor.

Y así es cómo puedes añadir la leyenda y el texto alternativo a tus imágenes y galerías en el editor de bloques de WordPress. Si tienes alguna duda al respecto, acuérdate de que la sección de comentarios de abajo está a tu entera disposición 😉

Imagen destacada de Jason Leung en Unsplash.

10 respuestas a «Cómo añadir leyenda y texto alternativo a una imagen en WordPress»

  1. Avatar de Mónica
    Mónica

    Hola! Todo muy bien explicado. Sólo me queda una duda: ¿cómo puedo cambiar el tamaño de la letra de la leyenda? Busco y rebusco y no encuentro la manera.

    1. Avatar de David Aguilera

      Hola, Mónica. La maquetación y estilos de los diferentes elementos de tu web los define el tema y no siempre tienes disponible un mecanismo «amigable» para cambiar algún estilo específico (como el tamaño de letra de una leyenda). Para conseguirlo, deberás añadir una nueva regla CSS en tu web que modifique el estilo, usando probablemente el Customizer de WordPress.

  2. Avatar de Ber
    Ber

    Hola, muy buen articulo. Tengo una duda, es posible escribir la leyenda abajo de cada imagen? Pará que no queden las letras tapandola?

    Saludos y gracias

    1. Avatar de David Aguilera

      Esto depende del tema que uses. Los hay que integran la leyenda por encima de la imagen y los hay que lo ponen a continuación.

  3. Avatar de Diego Ruiz
    Diego Ruiz

    Hola, No me aparece la leyenda en la imagen destacada ¿Cómo podría corregirlo? sin otros plugin externos.

    1. Avatar de David Aguilera

      Hasta donde yo sé, las imágenes destacadas no suelen incluir leyenda… Pero, vaya, esto es algo que depende del tema.

  4. Avatar de yo
    yo

    Buenas, a mi todavía no me deja ver la leyenda de la imagen en la web. Se debe a algún error de la plantilla?

    1. Avatar de David Aguilera

      La leyenda no aparece sola; es un campo que debes rellenar cuando añades la imagen a una entrada o página.

  5. Avatar de Any
    Any

    Buenas tardes, tengo un problema, yo escribo el texto alternativo en la biblioteca de medios y guardo cambios pero al cargar la web para ver si la imagen lo tomó no se visualiza el texto alternativo, voy y reviso y si lo guardó, me ayudan por favor que puedo hacer?

    1. Avatar de David Aguilera

      Creo que tanto el texto alternativo como la leyenda de las imágenes solo usan el nuevo valor que hayas escrito cuando las insertes de nuevo en una nueva entrada/página. Si la imagen la insertaste en el pasado y ahora editas sus atributos, el texto que tendrá la imagen en la entrada del pasado será el antiguo.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

He leído y acepto la política de privacidad de Nelio Software

Tus datos personales se almacenarán en SiteGround y serán usados por Nelio Software con el único objetivo de publicar tu comentario aquí. Con el envío de este comentario, nos das el consentimiento expreso para ello. Escríbenos para acceder, rectificar, limitar o eliminar tus datos personales.