Photonic Gallery & Lightbox for Flickr, SmugMug, Google Photos & Others

Descripción

Photonic toma la galería de WordPress y la sobrecarga con una gran cantidad de funciones adicionales. Añade compatibilidad con varias fuentes y parámetros nuevos para mejorar el contenido y la apariencia de tus galerías. Es compatible con fotos, Álbumes (Photosets), Galerías y Colecciones de Flickr, junto con fotos y álbumes de Picasa y Google Fotos, carpetas, álbumes e imágenes de SmugMug, fotos, conjuntos de fotos y grupos de Zenfolio y fotos de Instagram. También puedes establecer la identificación para que los visitantes puedan ver fotos privadas y protegidas de cada proveedor.

Cuando se utiliza sin el editor de Gutenberg, Photonic por defecto anula el shortcode gallery. En caso de que estés usando un tema o plugin que anule el shortcode gallery, Photonic te ofrece la opción de usar tu propio shortcode para las galerías Photonic. Esto permite que tus plugins puedan convivir. Ten en cuenta que si desactivas Photonic, tendrás que eliminar todas las instancias de este shortcode personalizado, algo que no es necesario si mantienes el shortcode gallery.

Cuando se utiliza con Gutenberg, Photonic no crea shortcodes, sino que crea bloques. Si algunas de tus entradas se escribieron con Gutenberg y otras no, Photonic es compatible con ambos escenarios.

Caja de luz

Photonic tiene soporte integrado para scripts de caja de luz de uso común, tales como:

Las alternativas sin GPL como Fancybox2 y Strip son compatible, siempre que instales los guiones tu mismo. Con la excepción de Thickbox, las cajas de luz se han adaptado para ser táctiles y amigables con los gestos. Consulta la página caja de luz para obtener más información.

Es compatible con Flickr

Los siguientes conceptos de flickr son compatibles con Photonic:

Para ver las demostraciones de soporte de Flickr, visite la pagina de Flickr .

Soporte de Google Fotos

Los siguientes conceptos de Google Fotos son compatibles con Photonic:

Para ver las demostraciones de la compatibilidad de Fotos de Google, visita la página de Fotos de Google. Ten en cuenta que Google ha publicado la API en el modo «Vista previa del desarrollador», por lo que hay algunas restricciones sobre el uso.

Apoyo de SmugMug

Los siguientes conceptos de SmugMug son compatible con Photonic:

Para ver las demostraciones que son compatibles con SmugMug, visite la página SmugMug .

Apoyo de Zenfolio

Los siguientes conceptos de Zenfolio son compatible con Photonic:

Para ver las demostraciones que son compatibles con Zenfolio, visita la página de Zenfolio. Ten en cuenta que el contenido identificado en Zenfolio no es compatible actualmente.

Es compatible con Instagram

Las fotos de Instagram son compatibles con Photonic. Puedes mostrar tu propio feed y fotos basadas en etiquetas y búsquedas basadas en la ubicación. Ten en cuenta que aunque el código se ha escrito para admitir etiquetas y ubicaciones, Instagram no ha aprobado el acceso de Photonic a las fotos de los demás. Esto significa que actualmente solo funcionará la visualización del propio feed.

Galerías nativas mejoradas

Sus inserciones de galería existentes se dejan intactas. Sin embargo, puede agregar un parámetro style a una galería nativa para abrirlo a Photonic. El parámetro style puede tomar cualquiera de los valores documentados en la página de diseño. .

Soporte de video

Photonic ofrece ser compatible con galerías y lightbox para videos también . Videos de los siguientes tipos son compatibles:

  • Se pueden abrir videos externos de YouTube o Vimeo en cualquiera de las cajas de luz, excepto desde Image Lightbox o Thickbox
  • Los videos autohospedados o externos en formatos MP4 se pueden abrir en cualquiera de las cajas de luz, excepto Image Lightbox, PrettyPhoto, Strip o Thickbox.
  • Los videos alojados por proveedores de servicios externos (Flickr, Google, etc.) se pueden abrir como parte de una galería en cualquiera de las cajas de luz, aparte de Image Lightbox, PrettyPhoto, Strip o Thickbox. Algunas cajas de luz tienen problemas con características específicas. Por favor, consulta la documentación de Lightboxes para obtener más información.

Enlaces profundos y compartir en redes sociales

Photonic proporciona compatibilidad de enlace profundo para imágenes que no son de WP, y por extensión, admite compartir socialmente con Facebook, Twitter, Google+ y Pinterest.

Hermosos diseños

Photonic muestra tus galerías como una cuadrícula de miniaturas cuadradas (por defecto), o como miniaturas circulares (como Jetpack), o azulejos aleatorios en una cuadrícula justificada o un diseño de cuadrícula irregular o un mosaico aleatorio (una variante del diseño de la galería de mosaicos de Jetpack ), o una presentación de diapositivas. Ver los diseños de página para obtener mas detalles.

Edición interactiva

El editor de WordPress aparece con un botón que dice «Añadir/Editar la galería de Photonic». Haciendo clic en él te mostrará los diferentes tipos de galerías con los que puedes trabajar.

Es compatible con Gutenberg

Con el efecto de la versión 2.10, Photonic es compatible con Gutenberg. Es posible que debas seguir algunos pasos para migrar tus galerías existentes. Por favor, consulta la documentación.

Capturas

  • Si estás utilizando Gutenberg, busca el bloque "Photonic".
  • Si no estás utilizando Gutenberg, inserta el shortcode de Photonic a través del cargador de medios haciendo clic en "Añadir medios" o haz clic en "Añadir / Editar la galería de Photonic".
  • Al hacer clic en el bloque de Gutenberg o en "Añadir / Editar galería Photonic" se muestra un flujo interactivo para que puedas construir tu galería.
  • El flujo interactivo te muestra las opciones disponibles y ayuda a construir la galería fácilmente.
  • Si haces clic en "Añadir medios", verás una nueva pestaña para "Photonic". Esto no está disponible para Gutenberg.
  • Al hacer clic en la pestaña "Photonic", se mostrarán nuevas pestañas, una para cada tipo de galería. Completa lo que necesitas y haz clic en "Insertar en la entrada".
  • El marcador de posición de la galería se muestra en el "Editor visual" o en el editor de Gutenberg. El marcador de posición de cada proveedor está designado por su logotipo.
  • Al hacer clic en el marcador de posición, puedes editar los atributos del shortcode si no se utiliza Gutenberg y se desactiva el flujo de trabajo interactivo.
  • Un ejemplo del diseño "Galería justificada aleatoria"

Bloques

Este plugin proporciona 1 bloque.

photonic/gallery
Photonic Gallery

Instalación

Puedes instalar el plugin a través del instalador de WordPress en Plugins → Añadir nuevo buscando «Photonic» o subiendo el archivo descargado desde aquí.

Alternativamente, puedes descargar el archivo desde aquí, descomprimirlo y mover el contenido descomprimido a la carpeta wp-content/plugins de tu instalación de WordPress. Entonces podrás activar el plugin.

Una vez que hayas activado el plugin, consulta Photonic → Cómo empezar para obtener una lista de capacidades y documentación.

FAQ

Si desactivo el plugin, ¿qué sucede con las galerías?

Obviamente, tus galerías no se mostrarán. Si estás utilizando Gutenberg no tienes que preocuparte acerca de nada. Si no estás utilizando Gutenberg y estás utilizando el shortcode nativo gallery, no verás ninguna etiqueta de shortcode abierto en tu sitio. Pero si no estás utilizando Gutenberg y estás usando un shortcode personalizado, esa etiqueta de shortcode ahora se mostrará.

Cuando hago clic en una galería en el Editor Visual no pasa nada. ¿Está funcionando el plugin?

Sí, el plugin está funcionando. Desafortunadamente, la integración de Photonic con el editor visual es compleja, y existe la posibilidad de conflictos con otros plugins específicos de TinyMCE. Si te encuentras con un conflicto así, por favor infórmalo en el foro de dar soporte. Mientras tanto, puedes desactivar la capacidad de edición visual de Photonic (Photonic → Ajustes → Opciones genéricas → Ajustes generico → Desactivar edición de shortcodes en el editor visual) y aún deberías poder editar el shortcode de la galería directamente a través del editor de texto.

El diseño de mi galería parece estar en mal estado con el texto al azar que aparece en varios lugares. ¿Estás seguro de que el plugin está funcionando?

Sí, el plugin está funcionando. El problema al que te enfrentas es que tienes otro plugin (por lo general, un tipo de plugin de caja de luz) que esta modificando el marcado generado por Photonic.

Por supuesto, sería más fácil si desactivas ese plugin. Si lo único que necesitas es una caja de luz, la caja de luz de Photonic también se puede usar para mostrar fotos regulares, desde tu escritorio de administración bajo Photonic → Ajustes → Ajustes genéricos → Ajustes genéricos → Caja de luz de Photonic para imágenes que no son de Photonic. Esto garantizará la coherencia entre las imágenes de Photonic y las que no son de Photonic.

Sin embargo, si realmente deseabas mantener ese plugin, ¡Photonic ofrece una manera de salir también! Para cada proveedor (por ejemplo, Flickr, Picasa, etc.) ves a la página de ajustes, p.ej Photonic → Ajustes → SmugMug → Ajustes de SmugMug → Desactivar el enlace de caja de luz y establece esa opción.

Mi galería de Instagram no funciona. ¿Está realmente seguro de que el plugin está funcionando?

Es complicado. El código de Photonic funciona para la nueva API Graph de Instagram, como se puede ver en la URL de demostración. La clave de aplicación de Photonic fue aprobada por Facebook para su uso. Sin embargo, Facebook debe verificar al desarrollador de Photonic como individuo, y ese paso está pendiente en el momento del lanzamiento de la versión 2.32, debido a que Facebook redirige algunos recursos para trabajar con el soporte COVID-19. El último estado se puede encontrar aquí.

Tu enlace anterior dice que todos los pasos para la aprobación de Facebook están completos, pero mi galería de Instagram no funciona. ¿Seguramente el plugin no funciona?

Sí, el plugin está funcionando. Simplemente necesitas volver a identificarte con una nueva API, desde Photonic → Identificación

¿Por qué cuesta tanto el proceso de configuración de Google Photos?

¡Culpar a la gran G aquí! La API de Google Photos tiene varias deficiencias, la principal de ellas es la gran cantidad de llamadas a la API necesarias para obtener una galería. Esto ocasionaría que las claves API alcanzaran sus límites de forma rutinaria si se usaran para demasiadas galerías. Esto hace que sea imposible para los desarrolladores identificar a los usuarios usando sus claves API sin registrarse en el programa Partners. Lamentablemente, el diseño de Photonic no es uno de los casos de uso admitidos por el programa Google Partners.

Como resultado claro, para evitar que los usuarios no se bloqueen con la clave API de Photonic, es un requisito desafortunado que los usuarios usen su propia clave. Y aquí es donde Google complica las cosas innecesariamente. La documentación de Photonic es muy completa con instrucciones sobre cómo identificarse, pero eso no cambia el hecho de que el proceso de Google es complicado.

Después de todo el dolor para conseguí que Google Photos funcionara ayer, pero hoy mis galerías no aparecen. ¿Por qué?

Comprueba si tienes un plugin de almacenamiento en caché activo. Si es así, excluye la página con Google Photos del caché. Las URL de Google Photos son de corta duración, por lo tanto, no se pueden almacenar en caché. Este problema no ocurre para otras fuentes.

¿Qué pasa con otras plataformas de intercambio de fotos?

Las sugerencias son bienvenidas para otras plataformas para compartir fotos.

¿Qué pasa con otras bibliotecas JS?

Actualmente es compatible con Colorbox, Fancybox, Fancybox3, Featherlight, Lightbox de imagen, Lightcase, Lightgallery, PrettyPhoto y Swipebox. También está presente la compatibilidad para no-GPL Fancybox2 y Strip. Se están considerando alternativas más ligeras y más pesadas. Si tienes sugerencias específicas, no dudes en ponerte en contacto con el autor del plugin.

Ten en cuenta que se han realizado ligeras modificaciones en algunos de los scripts anteriores para que interactúen sin problemas con la información emergente de JQuery.

¿Hay algún conflicto conocido?

Como se explica en la «Descripción», la API de Instagram se ha codificado para admitir hashtags y ubicaciones, pero el propio Instagram no ha proporcionado acceso de Photonic a esas características.

Además, la integración de TinyMCE para el plugin es compleja, principalmente porque Photonic no depende de un shortcode separado. Esto puede causar conflictos potenciales con otros plugins. Si surge una situación de este tipo, por favor repórtalo en el Foro de soporte, y desactivar la capacidad del editor visual para el shortcode por tipos de entradas especificas ( Photonic → Ajustes → Opciones genéricas → Ajustes genéricos → Desactivar la edición visual para tipos de entradas específicas). Si eso no funciona, puedes utilizar la edición visual de Photonic ( Photonic → Ajustes → Opciones genéricas → Ajustes genéricos → Desactivar la edición de shortcode en editor visual) – todavía vas a poder editar el shortcode usando el editor de texto en WordPress.

El diseño «Mosaico» puede mostrar a veces un espacio de 1px entre imágenes si ajustas el relleno entre las imágenes a 0. Esto ocurre debido a errores de redondeo en los cálculos de altura y ancho. Para evitar esto, se recomienda utilizar un relleno > 0 entre imágenes para este diseño.

Aparte de éstos, mientras que el plugin pueda manejar casi todo lo que le lances a él, La Ley de Entomología Cibernética de Lubarsky establece:

There is always one more bug.

Los informes de fallos son bienvenidos, y se manejan con entusiasmo.

¿Son compatible las traducciones?

Sí, pero solo para la portada del plugin y el flujo de trabajo interactivo. El panel de administración no está traducido en este momento. También ten en cuenta que las cadenas incluidas en los scripts JS de terceros no están traducidas.

Reseñas

25 de septiembre de 2020
This Photonic plugin is an Awesome All-in-one photo solution. I highly recommend!
13 de agosto de 2020
I was using Justified Image Grid which loaded all the images in one go. Photonic has lazyload in built so only loads the photos in the viewport and the rest later. This greatly improved the page load. Also, it automatically uses the title of the flickr images in the alt field. The only cavet is that because it lazyloads the images, if you have a large album, it is not recommended to use the justified or mosaic layout because it has to recalculate the whole grid each time a new image is lazy loaded. Anyway, the plugin is amazing, its well thought out and the author has gone to great lengths to make it dead easy to use. I cannot believe it is free. Hope he keeps maintaining it.
14 de julio de 2020
We had an issue with loading the photos. It turned out another plugin was causing this. Support has a very quick response and helped out greatly, even though the issue was not with their plugin. Many thanks!
15 de junio de 2020
Really well done! Perfect explanations. If you set it up, just take your time to follow the steps. Does exactly what I need. Good job!
Leer todas las 139 reseñas

Colaboradores y desarrolladores

«Photonic Gallery & Lightbox for Flickr, SmugMug, Google Photos & Others» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Photonic Gallery & Lightbox for Flickr, SmugMug, Google Photos & Others» ha sido traducido a 1 idioma local. Gracias a los traductores por sus contribuciones.

Traduce «Photonic Gallery & Lightbox for Flickr, SmugMug, Google Photos & Others» 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.45

  • Corregido un problema por el cual los títulos de las carpetas de SmugMug, las colecciones de Flickr y los grupos de Zenfolio no aparecían en las páginas en algunos casos.