Un tooltip no es mas que una herramienta de ayuda visual que al pasar el cursor sobre algún enlace brindará información adicional de dicho elemento al cual se hace referencia.
Trabajaremos con el plugin Simple Tooltips que además de brindarnos la ventana emergente que habíamos comentado anteriormente, tendremos la opción de personalizarlo e inclusive cargarlo sobre un menú y no solo un articulo.
Tabla de contenidos
Instalación y configuración:
Desde el panel de control de WordPress, menú Plugins, Añadir nuevo, buscar plugin Simple Tooltips.
Dentro del plugin tendremos la opción de cambiar los colores, el ancho, la opacidad y la posición, por ultimo podremos agregar la clase para el selector del menú.
Para configurar el tooltip en el articulo tendremos que agregar la clase tooltips al elemento html y por ultimo el atributo title para mostrar el mensaje.
El resultado final será el siguiente en el caso de los artículos:
En el caso del menú tendremos que utilizar alguna herramienta como firebug para poder verificar la clase del menú, por ultimo tendremos que realizar los pasos que adjuntamos en captura desde la web del autor.
El resultado final será el siguiente en el caso del menú:
En el siguiente video se explica de manera práctica cada uno de los puntos explicados anteriormente.
¿Te ha resultado útil este artículo?
Miembro del equipo de Webempresa: soporte técnico Joomla, WordPress y Woocommerce.
