Johannes Kinast

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.
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.
Just one important thing to remember: You always have to select Link → Link to image file or Link images to media file (see screenshots below) for all of your Image & Gallery Blocks to work properly. If you choose None or Link to attachment page it will not work. But that’s fine if you don’t want the Lightbox for a specific Image or Gallery.
Take a look at the <a href="https://youtu.be/qfLOH22cUNM" rel="nofollow ugc">YouTube video from Jakson</a> where he reviews this plugin:
<iframe loading="lazy" title="How to create a popup light box Gallery in WordPress Block Themes" width="750" height="422" src="https://www.youtube.com/embed/qfLOH22cUNM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>Features</h3>
Here are the features of baguetteBox.js:
<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>
Don’t forget to select Link to → Media File for all of your Galleries & Images to work properly.
Notice: 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 FAQ –> How to enqueue the necessary assets (script & style) for blocks outside of posts or for block types that are not supported by default?

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.

DotCamp

Imtiaz Rayhan

Istiak Rayhan

WP Coupons and Deals

Ultimate Blocks

WP Table Builder

WPLeaders

erdembircan

Alexis Pandaan

<a href="https://ultimateblocks.com/pricing/" rel="nofollow ugc">Get Pro</a> | <a href="https://ultimateblocks.com/docs/" rel="nofollow ugc">Documentation</a>
Ultimate Blocks is a free powerhouse for bloggers and content marketers using WordPress. It’s not just a plugin, it’s a toolkit to skyrocket user engagement and simplify content creation.
With Ultimate Blocks, you’re not just adding functionalities; you’re crafting experiences.
From interactive content filters, captivating call-to-actions, to social sharing made effortless, every block is a step towards a more engaging and visually appealing website.
It’s about making every visit count, every interaction memorable, and every content piece a breeze to create and manage.
Transform your WordPress journey; let Ultimate Blocks be the catalyst for your website’s success.
Ultimate Blocks currently includes the following blocks:
<ul>
<li>Coupon (Available in Pro) – <a href="https://ultimateblocks.com/coupon-block/" rel="nofollow ugc">View Demo</a></li>
<li>Timeline (Available in Pro) – <a href="https://ultimateblocks.com/timeline-block" rel="nofollow ugc">View Demo</a></li>
<li>Content Filter – <a href="https://ultimateblocks.com/content-filter-block/" rel="nofollow ugc">View Demo</a></li>
<li>Review (Schema Markup Enabled) – <a href="https://ultimateblocks.com/schema-review-block/" rel="nofollow ugc">View Demo</a></li>
<li>HowTo Schema – <a href="https://ultimateblocks.com/howto-schema-block/" rel="nofollow ugc">View Demo</a></li>
<li>Table of Contents – <a href="https://ultimateblocks.com/table-of-contents-block/" rel="nofollow ugc">View Demo</a></li>
<li>Tabbed Content – <a href="https://ultimateblocks.com/tabbed-content-block/" rel="nofollow ugc">View Demo</a></li>
<li>Call to Action – <a href="https://ultimateblocks.com/call-to-action-block/" rel="nofollow ugc">View Demo</a></li>
<li>Content Toggle (Accordion) – <a href="https://ultimateblocks.com/content-toggle-accordion-block/" rel="nofollow ugc">View Demo</a></li>
<li>Styled Box – <a href="https://ultimateblocks.com/styled-box-block/" rel="nofollow ugc">View Demo</a></li>
<li>Styled List – <a href="https://ultimateblocks.com/styled-list-block/" rel="nofollow ugc">View Demo</a></li>
<li>Expand – <a href="https://ultimateblocks.com/expand-block/" rel="nofollow ugc">View Demo</a></li>
<li>Testimonial – <a href="https://ultimateblocks.com/testimonial-block/" rel="nofollow ugc">View Demo</a></li>
<li>Click to Tweet – <a href="https://ultimateblocks.com/click-to-tweet-block/" rel="nofollow ugc">View Demo</a></li>
<li>Social Share – <a href="https://ultimateblocks.com/social-share-block/" rel="nofollow ugc">View Demo</a></li>
<li>Countdown – <a href="https://ultimateblocks.com/countdown-block/" rel="nofollow ugc">View Demo</a></li>
<li>Progress Bar – <a href="https://ultimateblocks.com/progress-bar-block/" rel="nofollow ugc">View Demo</a></li>
<li>Post Grid – <a href="https://ultimateblocks.com/post-grid-block/" rel="nofollow ugc">View Demo</a></li>
<li>Star Rating – <a href="https://ultimateblocks.com/star-rating-block/" rel="nofollow ugc">View Demo</a></li>
<li>Image Slider – <a href="https://ultimateblocks.com/image-slider-block/" rel="nofollow ugc">View Demo</a></li>
<li>Button (Improved) – <a href="https://ultimateblocks.com/improved-button-block/" rel="nofollow ugc">View Demo</a></li>
<li>Divider – <a href="https://ultimateblocks.com/divider-block/" rel="nofollow ugc">View Demo</a></li>
</ul>
We have more exciting blocks in the making. Have a suggestion? <a href="https://ultimateblocks.com/contact/" rel="nofollow ugc">Let us know</a>.
<h3>Join Us To Get Updates and Resources</h3>
<ul>
<li><a href="https://ultimateblocks.com?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=ultimateblocks" rel="nofollow ugc">Visit Ultimate Blocks Website</a></li>
<li><a href="http://twitter.com/Ultimate_Blocks" rel="nofollow ugc">Follow Us on Twitter</a></li>
<li><a href="https://ultimateblocks.com/community/" rel="nofollow ugc">Join Our Support Community</a></li>
<li><a href="https://www.facebook.com/groups/ultimateblocks/" rel="nofollow ugc">Join Our Facebook Group</a></li>
</ul>
<h3>More Info About the Blocks</h3>
Content Filter 
Content Filter lets your visitors filter the content based on different filters. You can let your users go through your content more easily.
Review Block 
Add a review block with product name, features, summary, button and star rating. It is Schema Markup enabled.
HowTo Schema Block 
Add HowTo Schema with sections, steps and valid schema data.
Table of Contents Block 
Generate a table of contents from your headings.
Tabbed Content Block 
Add content in tabs in your posts/pages. This comes with a nice drag and drop feature to sort the tabs.
Call to Action Block 
Add a nice call to action box with a button. Encourage users to take action, engage more. You can customize everything in the block.
Content Toggle 
Add contents in accordions. Let visitors expand them and show the content.
Styled Box Block 
Add styled box like – Notification box, Number box, Feature box in your content. Three templates now, more in the making.
Styled List Block 
This block lets you add a styled list in your post or pages. Instead of bullets you can use various icons as your list style type. You can also choose color for icons.
Expand Block 
Expand Block lets you add expandable content. You can hide some part of your content initially. Upon clicking on ‘Show More’ it will show. It can be hidden again.
Testimonial Block 
Nice, simple testimonial box with option to add image, name, role of the testimonial author.
Click to Tweet 
Add tweetable content in your posts/pages.
Social Share Block 
Add social share buttons in your posts and pages with this blocks. It comes with lots of customization options too.
Countdown Block 
Add a countdown in your post/pages. Comes with three different styles.
Progress Bar Block 
Add Cirle/Line Progress bar with this blocks. Comes with options to change thickness, color.
Post Grid Block 
Add a list or grid of your posts. Comes with options to change categories, order and many more.
Star Rating Block 
Add Star ratings in your posts/pages. You can customize size, color, numbers of stars.
Image Slider Block 
Add a lightweight, simple image slider in your post. Comes with additional settings.
Button Block 
Button block with more customization options and controls.
Divider Block 
Add custom divider between your blocks. Customize the color, size, everything.
<h3>Other tools from us</h3>
<a href="https://wordpress.org/plugins/tableberg/" rel="ugc">Tableberg</a>: The Best WordPress Block Table Plugin to create beautiful and responsive tables.
<a href="https://wordpress.org/themes/groundwp/" rel="ugc">GroundWP</a>: Lightweight and Minimal Block Theme for efficient Full-Site Editing.
<a href="https://wordpress.org/plugins/galleryberg-gallery-block/" rel="ugc">Galleryberg</a>: The Best WordPress Gallery Block Plugin to create stunning, flexible, and responsive image galleries.
<a href="https://wordpress.org/plugins/sliderberg/" rel="ugc">Sliderberg</a>: A Powerful WordPress Slider Block Plugin to build modern, dynamic, and fully responsive sliders with ease.

Ultimate Blocks – All-in-one Gutenberg Blocks for Block Editor

Use this on all my sites

Thank you for making it available to everyone...

Good plugin

Simple and useful


Easy to use with lots of customization.


Useful blocks

Create Better Content With The Block Editor. Custom Blocks for Bloggers and Content Marketers.

Lightbox for Gallery & Image Block vs Ultimate Blocks – All-in-one Gutenberg Blocks for Block Editor