WP Featherlight – A Simple jQuery Lightbox

Descripción

WP Featherlight es un plugin de mesa de luz para WordPress que añade un efecto de caja de luz jQuery con pocas líneas de código, altamente testado y con diseño adaptable a tu web. En su core, WP Featherlight es un plugin contenedor para el plugin Featherlight jQuery lightbox. Una vez instalado, el plugin automáticamente muestra todas las imágenes y galerías estándares de WordPress en una sencilla y minimalista ventana emergente de mesa de luz.

Para hacer que imágenes y galerías de WordPress sean mostradas con la caja de luz o efecto mesa de luz, necesitas seleccionar la opción «Enlazado a -> Archivo Multimedia». Otra opción sería seleccionar «URL personalizada» si quieres estar seguro/a de enlazar directamente al archivo de imagen. Esto debería funcionar con cualquier archivo de imagen, incluso si está alojada en otro servidor diferente a tu web.

Es posible hacer una mesa de luz de vídeos, iframes, y contenido ajax con WP Featherlight añadiendo atributos data a tu contenido. Para más detalle sobre cargar contenido personalizado, eche un vistazo a la documentación de featherlight.

No hay ajustes para WP Featherlight. Está habilitado para instalarse sin necesidad de configurar nada. Cuando no quieras hacer uso de la mesa de luz en ciertas páginas o entradas, existe una opción en el editor de WordPress para desactivar la opción.

Si encuentras algún problema en la visualización del plugin, puede ser debido al tema de WordPress que estés usando. Puedes abrir un ticket soporte sobre el problema y nosotros le echaremos un vistazo. Para más información sobre el mismo código de Featherlight, puedes visitar la página de GitHub del plugin.

Notas del desarrollador

No hay opciones en el plugin, sólo algunos filtros manuales que pueden modificar el comportamiento por defecto. Desde 0.3.0 todas las imágenes que usen las galerías y la subida de fotografías de WordPress incluirán un enlace a su visor de la mesa de luz. Para desactivar este comportamiento, usa el filtro wp_featherlight_captions y cámbialo a «false».

Puedes desactivar también la inclusión de CSS y Javascript condicional usando filtros. Éstos se encuentran en el archivo /includes/class-scripts.php. Si tienes alguna pregunta sobre cómo funciona alguna parte del plugin, no dudes en abrir una incidencia en GitHub.

Contribuir

Si te gustaría contribuir con algún parche o de cualquier otra forma, por favor clona el plugin en GitHub.

Capturas

  • Una vista de la mesa de luz jQuery en acción.

Reseñas

1 de marzo de 2021
I love minimalism, saving resources and increasing speed, so this is for sure my choice (even though I expect that a recent review was right that the closing could be better on mobiles). But I needed to extend the captions on pictures to include a copyright notice in the lightbox view (which would have been too much in page view). So I looked at the code and found that the WordPress media library is not queried at all, so no way will we get the media library description for an image. This is how to get out of that problem with some manual coding on pages: JS finds all images on the page, and gets their captions e.g. target.parent().find( '.wp-caption-text' ) So if the caption contains a <span> this can be used together with the class „featherlight“ of the outer lightbox <div> to add an extended description hidden on the page via CSS but shown in the lightbox. Thanks to all the contributors and PLEASE keep this great plugin alive!
19 de enero de 2021
Sure, it's not full of options, but it does it job and does it well, no bloat. When I need it, it just works. Thanks for sharing it and the continuous update.
17 de diciembre de 2020
The only way to exit from viewing photos with this plugin on mobile is to tap the X on top right corner (inconvenient for mobile) or to tap outside the photo. If the user tries to flick to close the photo to see the page/post, he will not only discover it does not work, but he will have scrolled far from where he originally was. Then if he tries to exit using the back button, not only will the photo not close, but the browser will close entirely or go back to a previous page. I would keep this plugin if it allowed users to swipe to close, or allowed users to use the back button to close. At the very least, disable scrolling while viewing. I don't believe addressing the above would affect performance or make it less lightweight.
1 de septiembre de 2020
just been trying 5/6 different lightbox plugins, all of which failed to work and had 100's of options. tried this one after looking at featherlight Jquery and integrating it directly, this cropped up and I can happily report "it just works" Thank you
11 de agosto de 2020
I have a mix of Elementor pages with their own lightbox and posts with single images, which still needed a lightbox. This plugin is exactly what I wanted. Just turn it off for Elementor pages and all other images open nicely in a lightbox. I tried other plugins first, and they caused conflicts with the built in Elementor lightbox.
Leer todas las 92 reseñas

Colaboradores y desarrolladores

«WP Featherlight – A Simple jQuery Lightbox» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«WP Featherlight – A Simple jQuery Lightbox» ha sido traducido a 2 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «WP Featherlight – A Simple jQuery Lightbox» 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

1.3.3

This is primarily a maintenance release, but one tweak was made.

  • Tweak: Changed name of meta box title

1.3.2

Release to downgrade Featherlight verison until all bugs are worked out.

  • Desarrollo: Actualización de Featherlight a la versión 1.7.13

1.3.1

This is primarily a maintenance release, but one new feature has been added. Display the option to disable the lightbox in Gutenberg!

Aquí tienes una lista completa de lo que ha cambiado desde la última versión:

  • Feature: Add back metabox in sidebar
  • Dev: Updated Featherlight to 1.7.14

1.3.0

Aunque, principalmente, es una versión de mantenimiento, ha sido añadida una nueva característica. Ahora, WP Featherlight es compatible con las galerías de Gutenberg.

Aquí tienes una lista completa de lo que ha cambiado desde la última versión:

  • Característica: Compatibilidad con Gutenberg
  • Retoque: Limpieza general del código del plugin
  • Desarrollo: Actualización de Featherlight a la versión 1.7.13
  • Cambio de propietario

1.2.0

Aunque, principalmente, es una versión de mantenimiento, ha sido añadida una nueva característica. ¡Ahora se admite HTML en las leyendas!

Aquí tienes una lista completa de lo que ha cambiado desde la última versión:

  • Característica: Permitir que se muestre HTML en las leyendas de las imágenes de la caja de luz
  • Desarrollo: Actualización de Featherlight a la versión 1.7.9
  • Desarrollo: Actualización de jQuery Detect Swipe a la versión 2.1.4

1.1.0

Gracias por algunos cambios implementados en el core de featherlight script, la accesibilidad de WP Featherlight está ahora bastante mejorada. Los elementos de lightbox tienen ahora una apropiada gestión de focus para pantallas lectoras y el botón de cerrar es también más accesible.

Esta actualización arregla también un importante problema de compatibilidad con el panel de administración de WordPress. En la versión 1.0, era posible en circunstancias especiales para el plugin, lanzar un error fatal cuando se intentaba añadir el checkbox de desactivación para publicar la metabox.

  • Retoque: Mejorada la accesibilidad (botón de cerrar accesible y mejorada la gestión del focus).
  • Fix: Prevenido un error fatal que podría haber pasado cuando otro plugin deseleccionaba el objeto WP_Post en la metabox de publicación.
  • Dev: Actualización Featherlight to 1.7.0

1.0.0

Incluso si una versión importante cambia, es prioritario que compruebes antes desde una actualización en mantenimiento. La razón para el cambio a 1.0.0 es debido a que hemos cambiado algún código el cual puede romper alguna compatibilidad anterior con código propio de extensiones e integraciones.

Si estás usando este plugin en tu sitio y no tienes personalizado o no estás pagando a nadie para que lo haga por ti, intenta estar seguro de que todo funciona antes de actualizar sin ningún conflicto.

Si eres un desarrollador y tienes escrito código propio extendiendo la parte PHP de WP Featherlight, comprueba con seguridad tu código antes de actualizar.

Bajo el capó, hemos marcado como anticuados algunos métodos internos los cuales podían romper código propio escrito como extensión de WP Featherlight. Los cambios están básicamente limitados a la inicialización de clases. A menos que hayas hecho algún cambio referido a este tema, sería mala suerte que al instalar la actualización, hubiera conflictos.

  • Retoque: Mejora en la transición entre imágenes de las galerías.
  • Retoque: Cambio de lugar de nuestro checkbox para desactivar lightbox ahora ubicada en la metabox de «Publicar».
  • Retoque: Estilos más agresivos para asegurarnos de que los elementos tienen un aspecto consistentes en todos los temas por defecto.
  • Fix: Reducción de falsos positivos para URLs que usaban extensiones de imágenes pero que realmente no enlazaban a una imagen.
  • Dev: Actualizado Featherlight a 1.5.1
  • Dev: Actualizado jQuery Detect Swipe a 2.1.3
  • Dev: Marcadas como anticuadas algunos métodos internos.
  • Dev: Reorganización de cómo las clases están instanciadas y las acciones del plugin han sido borradas.

Echa un vistazo al changelog completo en GitHub