Jueves, 16 Enero 2014 05:24

Tooltips en los artículos y menús de WordPress

Escrito por 
CMS:  WordPress |  Versión:  3.9 |  Nivel de dificultad:  Medio |  Tiempo estimado de lectura:  10 minutos


Tooltips en los artículos y menús de WordPress

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.

Ver y valorar la extensión Simple Tooltips en el Plugin Directory.

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 interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop



Johnny Heredia Montiel

Miembro del equipo de Webempresa: soporte técnico y blog.

Google+