Johannes Kinast

<p>This WordPress Plugin adds a simple & lightweight Lightbox to the standard WordPress Gallery & Image Block. It detects if a post contains a Gallery or Image Block and then loads & initialize <a href="https://github.com/feimosi/baguetteBox.js" rel="nofollow ugc">baguetteBox.js</a>, a pure JavaScript Lightbox script without any dependencies and a modern minimal look.</p>
<p>There is no lock in effect. It does not add a new Block Editor/Gutenberg Block and relies solo on the standard WordPress Gallery and Image Block. You can deactivate this plugin at any time and your Gallery and Image Blocks will work as they’ve done before. Just without the lightbox.</p>
<p>Just <strong>one important thing to remember</strong>: You always have to select <em>Link</em> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <em>Link to image file</em> or <em>Link images to media file</em> (see screenshots below) for all of your Image & Gallery Blocks to work properly. If you choose <em>None</em> or <em>Link to attachment page</em> it will not work. But that’s fine if you don’t want the Lightbox for a specific Image or Gallery.</p>
<p>Take a look at the <a href="https://youtu.be/qfLOH22cUNM" rel="nofollow ugc">YouTube video from Jakson</a> where he reviews this plugin:</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/qfLOH22cUNM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Features</h3>
<p>Here are the features of baguetteBox.js:</p>
<ul>
<li>Written in pure JavaScript</li>
<li>No dependencies (e.g. jQuery)</li>
<li>Image captions support</li>
<li>Responsive</li>
<li>Supports swipe gestures</li>
<li>Around 13 KB, 7 KB gzipped</li>
</ul>
<h3>Works with</h3>
<ul>
<li>Gallery Block (Default Block)</li>
<li>Image Block (Default Block)</li>
<li>Media and Text Block (Default Block)</li>
<li>Gallery (Default Classic Editor Gallery)</li>
<li>CoBlocks Gallery Collage / Masonry / Offset / Stacked</li>
<li>Meow Gallery (+ Gallery Block)</li>
</ul>
<p>Don’t forget to select Link to <span aria-hidden="true" class="wp-exclude-emoji">→</span> Media File for all of your Galleries & Images to work properly.</p>
<p><strong>Notice</strong>: At the moment, just Blocks inside a post are supported. Not Blocks in a Widget. You can make it work but have to enqueue the necessary style & script yourself. See <em>FAQ</em> –> <em>How to enqueue the necessary assets (script & style) for blocks outside of posts or for block types that are not supported by default?</em></p>


Lightbox for Gallery & Image Block

Lightbox for Blocks


This is one of this plugins that improves WordPress with zero effort and a easy minimalistic approach that should be in the core.



Congratulations!


Brilliant and simple solution


My favourite lightweight lightbox viewer closed recently and I needed something to replace it.



This plugin is super lightweight, and has exactly the same admin interface, i.e. nothing to do, just install it and watch the magic happen on existing images and galleries. What's not to like.


A worthy successor to WP Featherlight

Adds a simple & lightweight Lightbox to the standard WordPress Gallery & Image Block. No lock in and no dependencies.

Sayontan Sinha

<p>Photonic takes the WordPress gallery and super-charges it with a lot of added functionality. It adds support for several new sources and parameters to enhance the content and look-and-feel of your galleries. It supports <a href="https://flickr.com" rel="nofollow ugc">Flickr</a> photos, Albums (Photosets), Galleries and Collections, along with <a href="https://smugmug.com" rel="nofollow ugc">SmugMug</a> folders, albums and images, and <a href="https://zenfolio.com" rel="nofollow ugc">Zenfolio</a> photos, Photosets and Groups. You can also set up authentication so that visitors can see private and protected photos from each provider.</p>
<p>When used without the Gutenberg editor Photonic by default overrides the <code>gallery</code> shortcode. In case you happen to be using a theme or plugin that already overrides the <code>gallery</code> shortcode, Photonic provides you with the option to use your own shortcode for Photonic galleries. This lets your plugins coexist. Bear in mind that if you deactivate Photonic you will have to remove all instances of this custom shortcode, something that is not required if you stick to the <code>gallery</code> shortcode.</p>
<p>When used with Gutenberg Photonic creates no shortcodes, rather it creates blocks. If some of your posts were written with Gutenberg and some without, Photonic supports both scenarios.</p>
<h3>Lightboxes</h3>
<p>Of all plugins free or paid, Photonic has support built in for the highest number of lightbox scripts. This includes scripts that run on pure JavaScript without relying on external libraries, or those that require jQuery.</p>
<h4>Pure JS Libraries</h4>
<ul>
<li><a href="https://feimosi.github.io/baguetteBox.js/" rel="nofollow ugc">BaguetteBox</a></li>
<li><a href="https://henrygd.me/bigpicture/" rel="nofollow ugc">BigPicture</a></li>
<li><a href="https://biati-digital.github.io/glightbox/" rel="nofollow ugc">“Gie” Lightbox (GLightbox)</a></li>
<li><a href="https://www.lightgalleryjs.com/" rel="nofollow ugc">LightGallery</a></li>
<li><a href="https://github.com/dimsemenov/PhotoSwipe/tree/v4.1.3" rel="nofollow ugc">PhotoSwipe v4</a></li>
<li><a href="https://photoswipe.com/" rel="nofollow ugc">PhotoSwipe v5</a></li>
<li><a href="https://nextapps-de.github.io/spotlight/" rel="nofollow ugc">Spotlight</a></li>
<li><a href="https://veno.es/venobox/" rel="nofollow ugc">VenoBox</a></li>
</ul>
<h4>jQuery Based Libraries</h4>
<ul>
<li><a href="https://jacklmoore.com/colorbox/" rel="nofollow ugc">Colorbox</a></li>
<li><a href="https://fancyapps.com/fancybox/" rel="nofollow ugc">Fancybox2</a> – not GPL, so the script is not included with the plugin. See the <a href="https://aquoid.com/plugins/photonic/third-party-lightboxes/" rel="nofollow ugc">Lightboxes</a> page for details</li>
<li><a href="https://fancyapps.com/fancybox/3/" rel="nofollow ugc">Fancybox3</a></li>
<li><a href="https://noelboss.github.io/featherlight/" rel="nofollow ugc">Featherlight</a></li>
<li><a href="https://osvaldas.info/image-lightbox-responsive-touch-friendly" rel="nofollow ugc">Image Lightbox</a></li>
<li><a href="https://cornel.bopp-art.com/lightcase/" rel="nofollow ugc">Lightcase</a></li>
<li><a href="http://www.stripjs.com" rel="nofollow ugc">Strip</a></li>
<li><a href="https://brutaldesign.github.io/swipebox/" rel="nofollow ugc">Swipebox</a></li>
<li>Thickbox</li>
</ul>
<h4>Obsolete Libraries</h4>
<ul>
<li><a href="http://fancybox.net/" rel="nofollow ugc">Fancybox 1</a> – no update since November 2010</li>
<li><a href="http://dimsemenov.com/plugins/magnific-popup/" rel="nofollow ugc">Magnific Popup</a> – no update since February 2016</li>
<li><a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" rel="nofollow ugc">PrettyPhoto</a> – no update since May 2015</li>
</ul>
<p>For the non-GPL alternatives like <a href="https://fancyapps.com/fancybox/" rel="nofollow ugc">Fancybox2</a> and the obsolete libraries, Photonic has code to work with them, but you have to install the scripts yourself or rely on them from your theme or another plugin.</p>
<p>With the exception of Thickbox the lightboxes have been adapted to become touch and gesture-friendly. See the <a href="https://aquoid.com/plugins/photonic/third-party-lightboxes/" rel="nofollow ugc">Lightboxes</a> page for details.</p>
<h3>Support for Multiple Platforms</h3>
<h4>Flickr</h4>
<p>The following Flickr concepts are supported in Photonic:</p>
<ul>
<li><a href="https://aquoid.com/plugins/photonic/flickr/flickr-photos/" rel="nofollow ugc">Photos</a></li>
<li><a href="https://aquoid.com/plugins/photonic/flickr/flickr-photosets/" rel="nofollow ugc">PhotoSets (Albums)</a></li>
<li><a href="https://aquoid.com/plugins/photonic/flickr/flickr-galleries/" rel="nofollow ugc">Galleries</a></li>
<li><a href="https://aquoid.com/plugins/photonic/flickr/flickr-collections/" rel="nofollow ugc">Collections</a></li>
<li><a href="https://aquoid.com/plugins/photonic/flickr/flickr-photo/" rel="nofollow ugc">Single Photo</a></li>
<li><a href="https://aquoid.com/plugins/photonic/flickr/flickr-authentication/" rel="nofollow ugc">Authentication</a></li>
</ul>
<p>For demos of Flickr support visit the <a href="https://aquoid.com/plugins/photonic/flickr/" rel="nofollow ugc">Flickr page</a>.</p>
<h4>Google Photos</h4>
<p>Google API Change:** With effect from 31st March 2025, Google’s Photos API is discontinued (see <a href="https://developers.google.com/photos/support/updates" rel="nofollow ugc">here for Google’s official announcement</a>). Consequently, Photonic will stop working for Google Photos**. For more details, see <a href="https://wordpress.org/support/topic/potential-shutdown-of-google-photos-support-from-march-2025/" rel="ugc">this thread</a>. Note that while Google’s official announcement says otherwise, as of 20th April 2025 the API is still working, so older versions of Photonic will seem to work. However, there is no guarantee about when Google will truly shut it off.</p>
<h4>SmugMug</h4>
<p>The following SmugMug concepts are supported in Photonic:</p>
<ul>
<li><a href="https://aquoid.com/plugins/photonic/smugmug/smugmug-tree/" rel="nofollow ugc">User Tree</a></li>
<li><a href="https://aquoid.com/plugins/photonic/smugmug/smugmug-photos/" rel="nofollow ugc">Photos</a></li>
<li><a href="https://aquoid.com/plugins/photonic/smugmug/smugmug-albums/" rel="nofollow ugc">Albums</a></li>
<li><a href="https://aquoid.com/plugins/photonic/smugmug/folders/" rel="nofollow ugc">Folders</a></li>
</ul>
<p>For demos of SmugMug support visit the <a href="https://aquoid.com/plugins/photonic/smugmug/" rel="nofollow ugc">SmugMug page</a>.</p>
<h4>Zenfolio</h4>
<p>The following Zenfolio concepts are supported in Photonic:</p>
<ul>
<li><a href="https://aquoid.com/plugins/photonic/zenfolio/photos/" rel="nofollow ugc">Photos</a></li>
<li><a href="https://aquoid.com/plugins/photonic/zenfolio/photosets/" rel="nofollow ugc">PhotoSets (Galleries and Collections)</a></li>
<li><a href="https://aquoid.com/plugins/photonic/zenfolio/groups/" rel="nofollow ugc">Groups</a></li>
<li><a href="https://aquoid.com/plugins/photonic/zenfolio/group-hierarchy/" rel="nofollow ugc">Group Hierarchies</a></li>
</ul>
<p>For demos of Zenfolio support visit the <a href="https://aquoid.com/plugins/photonic/zenfolio/" rel="nofollow ugc">Zenfolio page</a>.</p>
<h4>Instagram</h4>
<p>In mid-September 2022 Meta / Facebook / Instagram changed its rules to disallow individual developers (i.e. developers not operating as a business) from meaningfully using its API. As a result, Photonic no longer works for Instagram photos. The code is still in place though, and can be used by someone with a business wishing to adopt it.</p>
<h4>Native WordPress Galleries</h4>
<p>Your existing galleries are left intact. However you can add a <code>style</code> parameter to a native gallery to open it up to Photonic. The <code>style</code> parameter can take any of the values documented on the <a href="https://aquoid.com/plugins/photonic/layouts/" rel="nofollow ugc">Layouts</a> page.</p>
<h3>Other Photonic Goodies</h3>
<h4>Gallery Wizard</h4>
<p>The WordPress Classic editor shows up with a button that says “Add / Edit Photonic Gallery”. Clicking on it launches a wizard that helps you interactively build out a gallery with just a few clicks.</p>
<h4>Gutenberg Support</h4>
<p>The Gallery Wizard can be accessed via Gutenberg / the Block Editor as well. While creating a block, just look for Photonic. Please refer to the <a href="https://aquoid.com/plugins/photonic/gutenberg-support/" rel="nofollow ugc">documentation</a>.</p>
<h4>Video Support</h4>
<p>Photonic provides gallery and lightbox support for <a href="https://aquoid.com/plugins/photonic/videos/" rel="nofollow ugc">videos as well</a>. Videos of the following sorts are supported:</p>
<ul>
<li>External videos from YouTube or Vimeo can be opened in any of the lightboxes apart from Image Lightbox, Thickbox or BaguetteBox</li>
<li>Self-hosted or external videos in MP4 formats can be opened in any of the lightboxes apart from Image Lightbox, PrettyPhoto, Strip or Thickbox</li>
<li>Videos hosted by external service providers (Flickr, SmugMug etc.) can be opened as a part of a gallery in any of the lightboxes apart from Image Lightbox, PrettyPhoto, Strip or Thickbox. Some lightboxes have issues with specific features. Please refer to the <a href="https://aquoid.com/plugins/photonic/third-party-lightboxes/" rel="nofollow ugc">Lightboxes</a> documentation for more.</li>
</ul>
<h4>Deep-Linking and Social Sharing</h4>
<p>Photonic provides deep-linking support for non-WP images, and by extension, supports social sharing to Facebook, Twitter and Pinterest.</p>
<h4>Beautiful Layouts</h4>
<p>Photonic displays your galleries in multiple forms:</p>
<ul>
<li>A grid of square thumbnails (the default)</li>
<li>A grid of circular thumbnails (like Jetpack)</li>
<li>A neat justified grid</li>
<li>A masonry layout</li>
<li>A “horizontal” masonry layout, for those who prefer having their masonry layouts sorted horizontally</li>
<li>A tiled, random mosaic (a much improved variant of the Jetpack Tiled Gallery layout)</li>
<li>A slideshow, using the <a href="https://splidejs.com" rel="nofollow ugc">Splide</a> script</li>
</ul>
<p>See the <a href="https://aquoid.com/plugins/photonic/layouts/" rel="nofollow ugc">Layouts</a> documentation page for details and examples.</p>
<h3>Obsessively Comprehensive Documentation (OCD)</h3>
<p>Photonic’s <a href="https://aquoid.com/plugins/photonic/photonic-documentation/" rel="nofollow ugc">documentation</a> is comprehensive to the point of obsession. And yet, if you find something missing, please feel free to get in touch via the support forum.</p>


Photonic Gallery & Lightbox for Flickr, SmugMug & Others

This free gallery plugin works very well with the Media Library Assistant. I prefer the dynamic MLA shortcode over the fixed pre-selection of images. The resulting carousels look great. Best of all, this plugin is free.

The support by the developer is very quick and friendly. He looked almost immediately at my support ticket and it was solved within an hour.

Great and free carousel slider

Galleries on steroids! A stylish lightbox & gallery plugin for WP, Flickr, SmugMug and Zenfolio photos and videos.

Lightbox for Gallery & Image Block vs Photonic Gallery & Lightbox for Flickr, SmugMug & Others