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 de title al situar el ratón en la imagen

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.

Cómo modificar el título de una imagen en Wordpress

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:

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.

img {pointer-events: none;}

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:

// Title Removal from WordPress image
add_filter( 'wp_get_attachment_image_attributes', 'remove_image_title');

function remove_image_title( $attr ) {
unset($attr['title']);
return $attr;
}

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:

<script>
jQuery(document).ready(function($) {
$('img[title]').each(function() { $(this).removeAttr('title'); });
});
</script>

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?

¡Valora este artículo y ayúdame a mejorar la calidad del blog!
(Votos: 1 Promedio: 5)