En WordPress, existen ocasiones en que queremos ocultar o no mostrar el título emergente de la imagen cuando se sitúa el ratón encima de la misma.

Ejemplo del título «loco-transalate-instalar»
Es decir, se quiere ocultar el title o el título de la imagen cuando se sitúa el ratón encima de la foto, dicho en argot «informático», que no se muestre el título con el hover del ratón sobre la imagen.
Se puede realizar de forma manual, dentro de la administración de WordPress, acudir a «Medios» y por cada imagen modificar su título.
No es una tarea compleja, pero ¿qué pasa cuando se tienen 300 imágenes? Puede ser que lleve más tiempo del deseado… Pero por suerte, existen varias soluciones para no mostar el título de la imagen al pasar el ratón por encima.
Además estas soluciones se aplican de forma masiva a todas las imágenes:
Índice de contenidos
Añadir una propiedad CSS a las imágenes
Alexander Ramos me mostró este método que no conocía.
Consiste en poner la propiedad pointer events a none a las imágenes, con ello se provoca que la imagen no devuelva el título cuando se sitúa el ratón por encima de élla.
En función de tu tema tendrás que adecuar este CSS.
Crear una función en el fichero Functions.php
Acude al fichero functions.php de tu tema, mejor si trabajas con tema hijo, así no perderás a futuro cambios realizados, e introduce el siguiente código:
En mi caso este código no me ha funcionado, pero por lo visto en otras webs, a otras personas si, por eso me ha parecido recomendable incluirlo.
Incluir el siguiente código en las opciones de Avada
Acude dentro del panel de adminstración a la siguiente ruta:
Avada > Opciones > Avanzado > Código para scripts > Espacio antes de < /head> y pega el siguiente código:
Cómo trabajar correctamente el título de las imágenes
¿Cómo evitar renombrar todas las fotos? Actualmente no hay manera rápida de hacerlo, si hubiese una, dejadnos un comentario 🙂
Las buenas practicas comenzarían por empezar a trabajar el nombre fichero antes de subirlo, llamándolo adecuadamente y de forma descriptiva.
Pero puede que este trabajo sea «malgastar tiempo», se ha comprobado que el título o title de la imagen no posiciona en Google, aunque no quite que se tengan los recursos de la web ordenados y que a la larga todo sea más sencillo de mantener.
Al fin y al cabo siempre es mejor tener cada imagen con su título correcto a tener 100 o 200 imagenes en la biblioteca de medios con títulos similares a: «image1», «image2», «pic1».
¿No te parece?
Hay una solución algo mas efectiva desde CSS, esto me esta funcionando a mi.
Las clases de CSS a continuación son para el tema Flatsome. El tuyo puede ser diferente, así que revisa y cambia el nombre de la clase.
.skip-lazy, .wp-post-image {
pointer-events: none;
}
Hola Alexander, toda la razón, si en el CSS para las imágenes se pone la propiedad de pointer-events a none el título de la imagen no se muestra, no conocía este método.
¡Gracias por la aportación!
Muchas gracias, me sirvió.
¡Me alegro Felipe!
Muchas gracias, ¿sabes eso de que lo sabes pero no te acuerdas ni por asomo? 🤣🤣🤣