daniloercoli

<p>EC Lightbox is a minimal WordPress plugin that adds a modern lightbox to galleries using <a href="https://github.com/biati-digital/glightbox" rel="nofollow ugc">GLightbox</a>.</p>
<p>The plugin is opt-in by behavior: once activated, it only applies its lightbox functionality to blocks where you explicitly add a custom CSS class (for example, a Gallery block). Everywhere else, WordPress behaves normally.</p>
<h3>Features</h3>
<ul>
<li>Uses <a href="https://github.com/biati-digital/glightbox" rel="nofollow ugc">GLightbox</a> for a clean, responsive lightbox.</li>
<li>Works with WordPress core blocks (e.g. Gallery, Image).</li>
<li>Opt-in activation via a custom CSS class (<code>ec-lightbox</code>).</li>
<li>Groups images by gallery container (each block with <code>ec-lightbox</code> is its own gallery).</li>
<li>Includes a <strong>Settings page</strong> in WordPress Admin.</li>
<li>Configurable behavior: loop, touch navigation, zoom.</li>
<li>Local vendor assets by default (no hard dependency on external CDNs).</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.0+</li>
<li>PHP 7.0+</li>
<li>A block-based setup (Gutenberg) is recommended.</li>
</ul>
<h3>How to enable EC Lightbox on a Gallery block</h3>
<ol>
<li>Insert a <strong>Gallery</strong> block.</li>
<li>Select the <strong>Gallery block itself</strong> (not a single image inside it).</li>
<li>In the block sidebar, configure:
<ul>
<li><strong>Link to</strong> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>None</code></li>
<li>Disable <strong>“Open in lightbox” / “Enlarge on click”</strong> if present.</li>
</ul>
</li>
<li>Open the <strong>Advanced</strong> panel.</li>
<li>
<p>Add the following class:<br />
ec-lightbox</p>
</li>
<li>
<p>Update or publish the post.</p>
</li>
</ol>
<p>When users click an image inside that gallery, EC Lightbox will open and allow navigation through the gallery.</p>
<p>Note:<br />
Make sure individual images inside the gallery do <strong>not</strong> have click settings assigned.<br />
If these WP-native actions remain enabled, WordPress will attach its own click/lightbox behavior, overriding this plugin.</p>
<h3>⚙️ Settings Page (WordPress Admin)</h3>
<p>A configuration screen is available at:</p>
<p><strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> EC Lightbox</strong></p>
<p>Available options:</p>
<ul>
<li><strong>Loop images</strong>  </li>
<li><strong>Enable touch navigation</strong>  </li>
<li><strong>Enable zoom</strong>  </li>
<li><strong>Autoplay videos</strong> (for future video support)</li>
</ul>
<p>All settings are passed directly to the lightbox JavaScript on initialization.</p>
<h3>🧩 Filters & Developer API</h3>
<h3>1. Modify GLightbox options programmatically</h3>
<pre><code>`php
</code></pre>
<p>add_filter( ‘ec_lightbox_js_options’, function ( $options ) {<br />
    $options[‘loop’] = true;<br />
    $options[‘zoomable’] = false;<br />
    $options[‘openEffect’] = ‘zoom’;   // Any GLightbox option is accepted<br />
    return $options;<br />
});<br />
    `<br />
Options merged from:<br />
1. Plugin defaults<br />
2. Admin settings<br />
3. This filter (highest priority)</p>


EC Lightbox

EC Lightbox is a minimal WordPress plugin that adds a modern lightbox to galleries using GLightbox.

Andy Mercer

Drivingralle

<h4>Hello Theme Developers!</h4>
<p>Have you ever added a Featured Image to a post and thought to yourself, “I wish I could add more than one image this way”? Well, now you can. Featured Galleries mirrors the Featured Images functionality of WordPress. The only difference is that posts get an entire gallery rather than just a single image. These galleries behave almost exactly like Featured Images, and make use of  WordPress’s built in Media Manager. Users can select images, define the order, and save the gallery, all through a simple drag-n-drop interface.</p>
<p><strong>Note</strong>: This plugin DOES NOT HANDLE THE FRONTEND HTML CREATION. That is left for themes to handle, to allow for maximum flexibility. Featured Galleries just handles the backend/admin interface for creating featured galleries and storing them as metadata. You will need to integrate this into your theme, or use a theme with prebuilt integration.</p>
<h4>Quick Start Guide to Integrate Into Themes</h4>
<p><em>For more information, see <a href="https://github.com/Kelderic/featured-galleries/wiki" rel="nofollow ugc">GitHub Wiki</a></em>.</p>
<p>I’ve tried to make this as intuitive as possible. Themes can integrate Featured Galleries in the same way they integrate Featured Images. Inside any template file where the gallery should appear, the theme will call the <a href="https://github.com/Kelderic/featured-galleries/wiki/get_post_gallery_ids" rel="nofollow ugc"><code>get_post_gallery_ids()</code></a> function. As long as it is used inside the loop, the function doesn’t need any parameters. By default, it will return an array of image IDs.</p>
<h4>Example</h4>
<p>Set inside the Loop. This returns all images in the Featured Gallery, as an array, then loops through to display each using an HTML <code><img></code> tag.</p>
<pre><code>$galleryArray = get_post_gallery_ids(); 

foreach ( $galleryArray as $id ) {

    echo '<img src="' . wp_get_attachment_url( $id ) .'">';

}
</code></pre>
<p>You can also customize the returned value from the function to suit your needs. See the full <a href="https://github.com/Kelderic/featured-galleries/wiki/get_post_gallery_ids" rel="nofollow ugc">function documentation</a> page for details.</p>
<h4>Custom Post Types</h4>
<p>The plugin comes with a filter to easily add Featured Galleries to custom post types. See the <a href="https://github.com/Kelderic/featured-galleries/wiki/fg_post_types" rel="nofollow ugc"><code>fg_post_types</code></a> documentation page for details.</p>
<h4>Customizing the Media Manager</h4>
<p>The media manager can be customized in sevearl ways. See the <a href="https://github.com/Kelderic/featured-galleries/wiki/fg_show_sid℮bar" rel="nofollow ugc"><code>fg_show_sidebar</code></a> and <a href="https://github.com/Kelderic/featured-galleries/wiki/fg_use_legacy_selection" rel="nofollow ugc"><code>fg_use_legacy_selection</code></a> filter documentation pages for details.</p>
<h4>Want to Help?</h4>
<p>I’d love some help with internationalization. It was working at one point, but drivingralle did that code because I don’t really understand it, and I’m not sure it’s still working.</p>


Featured Galleries

So glad I've discovered this, there are so many bad sliders out there I was driven to make my own too. This plugin does all the heavy lifting for me.

Spot on

Do you like giving posts a Featured Image? Try out a Featured Gallery. It's like a Featured Images ... except as many images as you want.

EC Lightbox vs Featured Galleries