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:
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:
Con ello, tendrás un bloque de imagen esperando:
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:
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:
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:
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:
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:
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:
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.
Nelio Forms
Un plugin de contacto fantástico que usa el editor de bloques. En su simplicidad está la potencia del plugin. Me encanta, es muy versátil y funciona de maravilla para mí.
Wajari Velasquez
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:
Selecciona las imágenes que forman parte de ella:
Y luego especifica las leyendas de cada imagen desde el propio cuadro de creación de galerías:
o, una vez insertado el bloque, desde el mismo:
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.
Deja una respuesta