Cómo añadir leyenda y texto alternativo a una imagen en WordPress

Publicada en WordPress.

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.

FlojaNo está malBienMuy bien¡Impecable! (Ninguna valoración todavía)
Cargando…

Deja un comentario

No publicaremos tu correo electrónico. Los campos obligatorios están marcados con: •

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

Al marcar la casilla de aceptación estás dando tu legítimo consentimiento para que tu información personal se almacene en SiteGround y sea usada por Nelio Software con el propósito único de publicar aquí este comentario. Contáctanos para corregir, limitar, eliminar o acceder a tu información.