Widget "Tooltips Enciclopédicos" de Wikitólica
El Widget "Tooltips Enciclopédicos" de Wikitólica enriquece cualquier página web convirtiendo automáticamente los términos enciclopédicos que aparecen en tu contenido en tooltips interactivos. Al pasar el ratón (escritorio) o tocar (móvil) se muestra una ventana flotante con una breve descripción del término, invitando a tus visitantes a descubrir más sobre el tema.
Se integra en segundos, sin configuraciones complejas, y se adapta automáticamente a cualquier dispositivo. Y, por supuesto, 100% gratuito.
Instala tu widget
<script src="https://cdn.jsdelivr.net/gh/CursoCatolico/wikitolica-widgets@main/tooltips.js" defer></script>
Vista previa
La Eucaristía es el sacramento central de la Iglesia católica. Por la gracia de Dios, los fieles participan del misterio pascual de Cristo y son incorporados al Cuerpo Místico. La tradición de la Iglesia primitiva celebraba la fracción del pan desde los primeros días, como reflejan los Hechos de los Apóstoles.
Cómo instalarlo
🌐 Cualquier página web (HTML)
- Pega el código una sola vez en el
<head>o antes de cerrar el<body>. - ¡Listo! Los términos enciclopédicos se convertirán automáticamente en tooltips.
📝 Blogger (Blogspot) → Widget
- Diseño → Añadir gadget → HTML/JavaScript
- Pega el código completo
- Guarda
🧩 WordPress → Widget clásico
- Apariencia → Widgets
- Arrastra un bloque “HTML personalizado”
- Pega el código completo
- Guarda
🧱 WordPress → Bloque Gutenberg
- Edita la página o entrada
- Añade el bloque “HTML personalizado”
- Pega el código completo
- Publica
!! Si usas WordPress.com (versión gratuita)
- La instalación puede no funcionar en el plan gratuito, disculpe las molestias.
- En planes de pago puede usar plugins como WP-Code o Simple Custom CSS and JS.
Consejos útiles
- El widget detecta automáticamente los términos enciclopédicos en toda la página, no requiere marcar nada.
- Totalmente responsive: funciona en escritorio (hover) y móvil (touch).
- Se adapta al color del texto y al modo oscuro de tu sitio.
- No tiene coste, no requiere registro ni API keys.
- Si usas CSP recuerda añadir
https://cdn.jsdelivr.neta tuscript-src.