Lightbox Images for Divi Enhanced

Descripción

El propósito principal del plugin «Lightbox Images for Divi» es ampliar la funcionalidad nativa de caja de luz de Divi a todas las imágenes auto-enlazadas, no solo a las galerías de Divi.

Requisitos:
Este plugin requiere UNO de los siguientes para ser instalado y activo:
* Tema Divi (versión 4.10 o superior).
* Plugin Divi Builder (versión 4.10 o superior).

El plugin comprobará automáticamente estos requisitos durante la activación y no se activará si no se cumplen.

Características principales:

  • Compatibilidad total con Divi 5: Funciona con las páginas de Divi 5, incluido el modo de compatibilidad con versiones anteriores. No requiere jQuery — el plugin funciona con JavaScript puro y cuenta con una elegante ventana emergente integrada que se activa cuando no está disponible Magnific Popup
  • Enlaces a páginas de adjuntos: Ahora admite imágenes enlazadas a páginas de adjuntos de WordPress (no solo URL directas de imágenes), y muestra automáticamente la imagen a tamaño completo
  • Comprobación de dependencias: Verifica automáticamente si el tema Divi o el plugin Divi Builder están activos antes de permitir la activación.
  • Compatibilidad ampliada: Funciona con el tema Divi o Divi Builder, compatible con Divi 4.10+ y Divi 5
  • Integración nativa: Utiliza Magnific Popup de Divi cuando está disponible o, en su defecto, recurre a una caja de luz integrada y ligera
  • Fácil de usar: Solo tienes que instalar y activar el plugin. No se requiere ninguna configuración adicional.
  • Rendimiento optimizado: JavaScript puro sin dependencias fijas. CSS y JS cargados de forma condicional
  • Preparado para el futuro: Funciona tanto en entornos Divi 4 (jQuery/Magnific Popup) como en Divi 5 (alternativa con JavaScript puro)
  • Escalable: Incluye un filtro (ayudawp_lightbox_selectors) que permite a los desarrolladores personalizar los selectores CSS para incluir o excluir elementos específicos.

Este plugin mejora la experiencia del usuario en sitios web creados con Divi, garantizando que cualquier imagen enlazada a sí misma (es decir, al hacer clic en ella se abre la imagen a tamaño completo) se muestre con un efecto de caja de luz.

A diferencia de la funcionalidad por defecto de Divi, que a menudo limita este efecto a las galerías, este plugin lo amplía a todas las imágenes individuales, proporcionando una experiencia visual coherente y atractiva.

El plugin es ideal para fotógrafos, blogueros y cualquier usuario de Divi que desee ofrecer una experiencia de visualización de imágenes más pulida y profesional sin necesidad de configuraciones complejas o plugins de galería adicionales.

Soporte

¿Necesitas ayuda o tienes sugerencias?

¿Te gusta el plugin? ¡Déjanos un comentario de 5 estrellas y ayuda a correr la voz!

Acerca de AyudaWP

Somos especialistas en plugins de optimización de seguridad, SEO y rendimiento para WordPress. Creamos herramientas que solucionan problemas reales a los propietarios de sitios WordPress manteniendo los más altos estándares de programación y requisitos de accesibilidad.

Capturas

Instalación

  1. Importante: Asegúrate de que tienes el tema Divi activo O el plugin Divi Builder instalado y activo antes de continuar.
  2. Sube la carpeta lightbox-images-for-divi-enhanced al directorio /wp-content/plugins/.
  3. Activa el plugin desde el menú «Plugins» de WordPress.
  4. El plugin comprobará automáticamente la compatibilidad con Divi e impedirá la activación si no se cumplen los requisitos.
  5. ¡Eso es todo! Ahora todas tus imágenes con enlaces automáticos se abrirán en una caja de luz.

FAQ

¿Qué pasa si no tengo Divi instalado?

El plugin no se activará y mostrará un mensaje de error explicando que se requiere el tema Divi o el plugin Divi Builder.

¿Puedo usar este plugin con otros temas?

No, este plugin está diseñado específicamente para trabajar sólo con el ecosistema Divi (tema Divi o plugin Divi Builder). No funcionará con otros temas WordPress.

¿Qué pasa si desactivo Divi después de instalar este plugin?

El plugin se desactivará automáticamente y mostrará un aviso al administrador explicando por qué se ha desactivado.

¿Es compatible con Divi 5?

Sí, el plugin es totalmente compatible con Divi 5. Funciona tanto en modo de compatibilidad con versiones anteriores (utilizando Magnific Popup) como en páginas nativas de Divi 5 (utilizando un lightbox integrado y ligero). No se necesita jQuery.

¿Funciona con imágenes enlazadas a páginas de adjuntos?

Sí, desde la versión 2.2.0, el plugin admite tanto las URL directas de las imágenes (por ejemplo, foto.jpg) como los enlaces a la página de adjuntos de WordPress. La imagen a tamaño completo se recupera automáticamente a partir del elemento de imagen incrustado.

¿Cómo puedo personalizar los selectores de imágenes?

Para usuarios avanzados y desarrolladores, el plugin proporciona un filtro ayudawp_lightbox_selectors. Puedes utilizar este filtro en el archivo functions.php de tu tema hijo para añadir o modificar los selectores CSS que el plugin utiliza para identificar imágenes. Por ejemplo:

php
add_filter( 'ayudawp_lightbox_selectors', 'my_custom_lightbox_selectors' );
function my_custom_lightbox_selectors( $selectors ) {
    $selectors[] = '.my-custom-module a'; // Add selector for custom module
    return $selectors;
}

¿Este plugin funciona con el plugin Divi Builder en temas que no sean Divi?

Sí, siempre y cuando tengas el plugin Divi Builder instalado y activo, el plugin funcionará independientemente de tu tema activo.

Reseñas

10 de julio de 2023 1 respuesta
Exactly the kind of plugin I was looking for.
11 de mayo de 2023 1 respuesta
Works even better than the image module from Divi!Why? Because I have a thumbnail embedded on the page, and the full-size image will only be displayed after zooming in. Unfortunately, the image module from Divi immediately displays a large image to be able to enlarge it. This sucks…The option provided by this plugin was missing in Divi from the very beginning. Thanks for the great job!
Leer todas las 15 reseñas

Colaboradores y desarrolladores

«Lightbox Images for Divi Enhanced» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Lightbox Images for Divi Enhanced» está traducido en 9 idiomas. Gracias a los traductores por sus contribuciones.

Traduce «Lightbox Images for Divi Enhanced» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

2.2.5

  • Corregido: Desde la versión 2.2.0, las imágenes enlazadas (por ejemplo, imágenes tipo botón que enlazan con otras páginas) eran interceptadas por la ventana emergente, lo que anulaba el enlace original href
  • Mejorado: La detección de la página de adjuntos ahora requiere que el enlace sea del mismo origen, que no se abra en una nueva ventana y que incluya el parámetro de consulta attachment_id o que tenga una ruta (slug) que coincida con el nombre del archivo de imagen.
  • Los enlaces externos o internos simples que envuelven un <img> ya no se modifican, con lo que se restaura el comportamiento original al hacer clic.
  • Cambiado: El historial de versiones se ha movido a un archivo changelog.txt específico servido desde el SVN público del plugin, manteniendo el readme.txt centrado en la versión actual

2.2.4

  • Se ha corregido el error 404 que aparecía en la consola del navegador al utilizar Divi 5 con los archivos magnific-popup.js y magnific_popup.css
  • Ahora el plugin comprueba que los archivos de Magnific Popup incluidos realmente existan en el disco antes de añadirlos a la cola, y, si no están disponibles, recurre a la caja de luz por JS básica integrada
  • El gancho «Enqueue» se ha cambiado a la prioridad 20 para que la detección de Magnific Popup identifique correctamente los scripts ya registrados por Divi
  • Se ha reforzado el bucle de detección de scripts para valores que no sean cadenas (lo que evita posibles advertencias en PHP 8 y versiones posteriores)

2.2.3

  • Se ha corregido que la caja de luz no funcionaba en imágenes en el campo de contenido del editor clásico/bloques cuando lo procesaba un módulo de contenido de entrada de Divi
  • El contenedor del módulo de contenido de la entrada (.et_pb_post_content) ahora es reconocido correctamente como área de contenido permitido

Para entradas anteriores del registro de cambios revisa el archivo changelog.txt.