Freemius

Abu Hayat

bPlugins

btechnologies

<p><strong>Create Responsive Lightbox Popups and Galleries for Images, Audio, Video, PDFs, Iframes, and Custom Content Directly in the WordPress Block Editor.</strong></p>
<p><a href="https://bplugins.com/products/lightbox-block/" rel="nofollow ugc">Lightbox Block</a> | <a href="https://bplugins.com/docs/lightbox-block/" rel="nofollow ugc">Documentation</a> | <a href="https://bplugins.com/products/lightbox-block/pricing" rel="nofollow ugc">Pricing</a> | <a href="https://bplugins.com/support/" rel="nofollow ugc">Support</a> | <a href="https://bplugins.com/products/lightbox-block/#demos" rel="nofollow ugc">Demo</a></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/wgwfteRLQcc?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>
<p><a href="https://bplugins.com/products/lightbox-block/" rel="nofollow ugc">Lightbox Block</a> is a Gutenberg plugin that helps you display different types of media inside a popup. You can create image galleries, audio playlists, video showcases, or show any custom content in a lightbox. The block is simple to use and does not require any coding knowledge.</p>
<p>The plugin is fully responsive, so your popups look good on desktops, tablets, and mobile devices. You can customize layouts, choose from different styles, and adjust settings to match your design. It is useful for portfolios, tutorials, product galleries, media libraries, and any website where you want to highlight content in a clean and interactive way.</p>
<h3>Key Features –  Free Version</h3>
<ul>
<li><strong>Five Lightbox Types</strong> – Choose from Gallery, Button, Audio, Video, and Content lightboxes to display different kinds of media.</li>
<li><strong>Gallery Content Support</strong> – Build galleries with images, audio, video, or custom content blocks.</li>
<li><strong>Multiple Blocks on a Page</strong> – Add different lightbox types within the same page without conflicts.</li>
<li><strong>Button Lightbox</strong> – Trigger popups with customizable buttons, allowing flexible placement anywhere in your content.</li>
<li><strong>Embed External Media</strong> – Supports YouTube, Vimeo, and self-hosted videos for quick video playback.</li>
<li><strong>Mobile Responsive</strong> – Popups automatically adapt to all screen sizes for a seamless experience on phones and tablets.</li>
<li><strong>Slideshow & Fullscreen Modes</strong> – Present galleries as interactive slideshows or allow users to expand media fullscreen.</li>
<li><strong>Captions Support</strong> – Add titles or descriptions to each popup for context.</li>
<li><strong>Independent Galleries</strong> – Display multiple galleries on one site, each working separately.</li>
<li><strong>Layout Options</strong> – Choose between the default grid or the Masonry layout for creative displays.</li>
<li><strong>Custom Layout Controls</strong> – Adjust row/column gaps and layout spacing for better design control.</li>
</ul>
<h3>LightBox Block Pro – Unlock Premium Features</h3>
<p>The <a href="https://bplugins.com/products/lightbox-block/pricing" rel="nofollow ugc">Pro version</a> adds more flexibility and advanced controls for managing video playback and customization:</p>
<h3>What’s New in the Pro Version?</h3>
<ul>
<li><strong>Shortcode Support</strong> – Insert lightboxes anywhere on your site, even outside Gutenberg, using shortcodes.</li>
<li><strong>Extended Media Types</strong> – Go beyond basic content by embedding PDFs, iframes, YouTube videos, and custom HTML alongside images, audio, and video.</li>
<li><strong>Custom Overlay & Captions</strong> – Change caption style and overlay colors to match your site’s branding.</li>
<li><strong>Autoplay Slideshows</strong> – Automatically start popup slideshows for a smooth presentation.</li>
<li><strong>Mouse-Wheel Navigation</strong> – Let users scroll with their mouse wheel to zoom or move between slides.</li>
<li><strong>Advanced Slide Effects</strong> – Enhance transitions with Slide, CrossFade, Classic, or Default effects.</li>
<li><strong>Topbar Controls</strong> – Show slide counts and allow zooming, rotating (clockwise/counter-clockwise), flipping, and fullscreen toggle directly in the popup topbar.</li>
<li><strong>Toolbar Actions</strong> – Add sharing (Facebook, Twitter), downloads, slideshow controls, thumbnails, and close buttons inside the popup.</li>
<li><strong>Thumbnail Previews</strong> – Display gallery thumbnails in Classic or Modern styles for easy navigation.</li>
<li><strong>Advanced Media Player Controls</strong> – Full audio/video control panel including play/pause, restart, rewind, fast-forward, progress bar, duration, mute, volume, PiP, Airplay, settings, download, and fullscreen.</li>
<li><strong>Multiple Audio Players</strong> – Choose from four different audio player designs to suit your style.</li>
<li><strong>Hover Effects</strong> – Add engaging hover animations such as Zoom, Rotate, or Shine for gallery items.</li>
<li><strong>Gallery Styling Options</strong> – Customize border radius and choose from five aspect ratios (Landscape, Square, Horizontal, Vertical, Portrait).</li>
<li><strong>Color & Size Controls</strong> – Personalize the modal background, close icon colors, and adjust modal/icon sizes per device.</li>
<li><strong>Slider Layout</strong> – Use a slider format for galleries instead of grid or masonry when needed.</li>
</ul>
<p><a href="https://bplugins.com/products/lightbox-block/pricing" rel="nofollow ugc">Try the Pro Version</a> – Unlock all premium features today!</p>
<h3>How to Use Lightbox Block – Quick Start Guide</h3>
<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/Rg-Y_X8deiU?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>
<p>Follow these steps:</p>
<h3>Step-by-Step Setup</h3>
<ol>
<li>Install and activate Lightbox Block.</li>
<li>In the Gutenberg editor, add a Lightbox Block from the Widgets section.</li>
<li>Select your lightbox type (Gallery, Button, Audio, Video, Content).</li>
<li>Upload media or embed from YouTube/Vimeo.</li>
<li>Adjust layout, spacing, and display options from the block sidebar.<br />
(Optional) Upgrade to Pro for advanced customization, shortcode support, and extended media types.</li>
<li>Publish your post or page and enjoy your new interactive lightbox!</li>
</ol>
<p>That’s it!</p>
<p><a href="https://bplugins.com/products/lightbox-block/#demos" rel="nofollow ugc">Live Demo</a> | <a href="https://bplugins.com/products/lightbox-block/pricing" rel="nofollow ugc">Try the Pro Version</a></p>
<h4>Feedback</h4>
<ul>
<li>Did you Like that plugin? Hate it? Want a new feature? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Send me some feedback</a></li>
</ul>
<h3>Check out our other WordPress Plugins</h3>
<ul>
<li><a href="https://bplugins.com/products/html5-video-player" rel="nofollow ugc">Html5 Video Player</a> – Best video player plugin for WordPress.</li>
<li><a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc">HTML5 Audio Player</a> – Best audio player plugin for WordPress.</li>
<li><a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc">PDF Poster</a> – A fully-featured PDF Viewer Plugin for WordPress.</li>
<li><a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc">StreamCast</a> – A fully-featured Radio Player Plugin for WordPress.</li>
<li><a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc">3D Viewer</a> – Display interactive 3D models on the webs.</li>
</ul>
<h3>Source Code</h3>
<p>You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository:<br />
<a href="https://github.com/bPlugins/lightbox-block-free" rel="nofollow ugc"><strong>Lightbox Block on GitHub</strong></a></p>
<h3>Third-party Libraries</h3>
<h4>@fancyapps/ui (Fancybox & Carousel)</h4>
<ul>
<li>Used for: Lightbox popup, carousel slider, and thumbnail navigation</li>
<li>Version: 5.0.36</li>
<li>Source: https://fancyapps.com/</li>
<li>License: Fancyapps UI License</li>
<li>License URI: https://fancyapps.com/pricing/</li>
</ul>
<h4>Font Awesome Free</h4>
<ul>
<li>Used for: Icons throughout the plugin interface</li>
<li>Version: 6.4.2</li>
<li>Source: https://fontawesome.com/</li>
<li>License: Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License</li>
<li>License URI: https://fontawesome.com/license/free</li>
</ul>
<h4>Plyr</h4>
<ul>
<li>Used for: Audio and video media player controls</li>
<li>Version: 3.x</li>
<li>Source: https://plyr.io/</li>
<li>License: MIT</li>
<li>License URI: https://opensource.org/licenses/MIT</li>
</ul>
<h4>bpl-tools</h4>
<ul>
<li>Source / GitHub: https://github.com/bPlugins/bpl-tools</li>
<li>License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html</li>
<li>Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.</li>
<li>External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made</li>
</ul>
<h4>Freemius Lite SDK</h4>
<ul>
<li><strong>Source:</strong> <a href="https://bplugins.com/" rel="nofollow ugc">https://bplugins.com/</a></li>
<li><strong>GitHub:</strong> <a href="https://github.com/bPlugins/freemius-lite-sdk" rel="nofollow ugc">https://github.com/bPlugins/freemius-lite-sdk</a></li>
<li><strong>License:</strong> GPL-2.0-or-later – <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">https://www.gnu.org/licenses/gpl-2.0.html</a></li>
<li><strong>Purpose:</strong> Provides an opt-in consent form for usage tracking and analytics to help improve the plugin. No data is sent before explicit user consent.</li>
<li><strong>External Services:</strong> Communicates with <code>api.bplugins.com</code> (activation events) and <code>wp.freemius.com</code> (opt-in processing) only after user opt-in. See <a href="https://bplugins.com/privacy-policy" rel="nofollow ugc">bPlugins Privacy Policy</a> and <a href="https://freemius.com/privacy/" rel="nofollow ugc">Freemius Privacy Policy</a>.</li>
</ul>


All In One Lightbox – Display Images, Audio, and Video in Popups

Lightbox Block lets you display images, audio, video, and custom content in responsive lightbox galleries or media popups.

WPJoli

<p><strong>Joli Table Of Contents</strong> is the most customizable and performance-focused table of contents plugin for WordPress. It works out of the box for beginners — thanks to a built-in <strong>Onboarding Wizard</strong> — and offers deep control for advanced users and developers.</p>
<p>Easily insert a table of contents into all your posts with either the <strong>Auto-insert</strong>, the Gutenberg <strong>Block</strong>, or the <strong>Shortcode</strong>.</p>
<p><a href="https://wpjoli.com/docs/joli-table-of-contents/" title="Joli Table Of Contents Documentation" rel="nofollow ugc">📖 Documentation</a> | <a href="https://wpjoli.com/joli-table-of-contents/" title="Joli Table Of Contents Pro" rel="nofollow ugc">⭐ Get PRO</a></p>
<h3>🚀 Why Joli Table Of Contents?</h3>
<h3>✅ Beginner-Friendly Onboarding Wizard</h3>
<p>After activation, a <strong>step-by-step setup wizard</strong> walks you through the most important settings — no configuration headaches, no reading documentation. You’ll have a working, good-looking TOC in minutes.</p>
<h3>🎨 Instant Customization with the Color Palette System</h3>
<p>The new <strong>Color Palette</strong> makes customization effortless. Set just the <strong>Accent color</strong> and it automatically propagates across your entire TOC — that’s 90% of the visual work done in a single click. Fine-tune everything else at your own pace.</p>
<h3>🧠 Smart Heading Detection</h3>
<p>Joli Table Of Contents accurately detects headings from <strong>third-party shortcodes and blocks</strong> that don’t appear directly in the editor but are rendered on the front end. Since v3, you can now choose between <strong>Content</strong> scope (default — prevents unwanted headings from appearing) and <strong>Extended</strong> scope for advanced use cases.</p>
<h3>🆕 Gutenberg Block with Inline Editing</h3>
<p>Use the dedicated <strong>Gutenberg Block</strong> to insert a table of contents anywhere in your post. The block lets you <strong>hide or edit specific headings</strong> inline — no settings page needed.</p>
<h3>⚡ Performance First</h3>
<p>No jQuery dependency. Minified CSS and JavaScript. Conditional style loading based on active settings — only the code you need is loaded. Built for fast websites.</p>
<h3>🔁 Migrate from Another TOC Plugin — Without Touching Your Content</h3>
<p>Already using <strong>Easy Table of Contents</strong>, <strong>LuckyWP Table of Contents</strong>, or another plugin? You can switch to Joli TOC <strong>without updating a single shortcode</strong> across your posts.</p>
<p>Use the built-in filter to map Joli TOC to your existing shortcode tag:</p>
<pre><code>add_filter('jolitoc_shortcode_tag', function(){ return 'toc'; });
</code></pre>
<p>This works with any custom tag, so your existing <code>[toc]</code> (or any other) shortcodes continue to work immediately after switching.</p>
<h3>✨ Key Features</h3>
<p><strong>Design & Themes:</strong><br />
* Professional looking themes (Default, Original, Hero, + all legacy themes)<br />
* Dark mode support for v3 themes<br />
* Color Palette system — set one color, style the whole TOC<br />
* Fully customizable: padding, margin, borders, fonts, colors, icons<br />
* Custom CSS support<br />
* CSS variable architecture for deep theming<br />
* Custom theme engine (create your own theme)</p>
<p><strong>Insertion methods:</strong><br />
* Auto-insert (by post type and position)<br />
* Gutenberg Block<br />
* Shortcode <code>[joli-toc]</code></p>
<p><strong>Auto-insert positions:</strong><br />
* Before/After the content<br />
* Before/After H1<br />
* Before first H2 / After first H2<br />
* After first paragraph</p>
<p><strong>Headings & Detection:</strong><br />
* Detect headings from third-party blocks and shortcodes<br />
* Heading scope: Content (default) or Extended<br />
* Show headings by custom depth (H2 to H6)<br />
* Hide or edit specific headings via the block<br />
* Disable headings by text or CSS class</p>
<p><strong>Navigation & UX:</strong><br />
* Reading time estimate <em>(new in v3)</em><br />
* Hierarchical or Flat view<br />
* Multiple numbering styles (with regional number support)<br />
* Customizable numbering separator and suffix<br />
* Smooth scrolling<br />
* Folding/unfolding with animation<br />
* Pretty URL hash (e.g. <code>mysite.com/article/#section-title</code>)<br />
* Latin & non-latin character support<br />
* Multilingual hash transliteration<br />
* Responsive — hover events work as touch on mobile</p>
<p><strong>Other:</strong><br />
* Import / Export settings<br />
* Import presets for quick setup<br />
* Custom CSS section<br />
* Fully responsive<br />
* <code></code> multi-page support<br />
* RTL support<br />
* WPML compatible<br />
* No jQuery<br />
* Developer hooks (<a href="https://wpjoli.com/docs/joli-table-of-contents/developer-hooks/" rel="nofollow ugc">see full list</a>)</p>
<h3>⭐ What’s New in v3</h3>
<h3>🧙 Onboarding Wizard</h3>
<p>New users are greeted with a <strong>step-by-step onboarding wizard</strong> that configures the most important settings for their site — without needing to touch advanced options.</p>
<h3>🎨 Color Palette System</h3>
<p>A brand-new <strong>reusable color palette</strong> makes customization fast and consistent. Define your Accent color once and watch it style your entire TOC automatically.</p>
<h3>🖼 New & Updated Themes</h3>
<p>v3 ships with new and upgraded themes: <strong>Default</strong> (replaces Basic Light/Dark), <strong>Original</strong>, and <strong>Hero</strong> — all with dark mode support and theme-specific style variants.</p>
<h3>🎛 Redesigned Settings Page</h3>
<p>The admin interface has been fully redesigned with:<br />
* A <strong>search bar</strong> to quickly find any setting<br />
* A <strong>Live Preview</strong> panel — see your changes in real time<br />
* A <strong>Quick Settings Panel</strong> for the most common options<br />
* Better color pickers with palette support<br />
* Session checker to prevent lost changes</p>
<h3>📐 New Style Options</h3>
<p>New styling controls include: header border style/width/radius/color, numbering badge colors, base font size, and toggle button styles.</p>
<h3>🔢 Improved Numbering System</h3>
<p>The numbering engine has been upgraded to behave like a proper list — including support for <strong>regional numbering</strong> formats. Hexadecimal and binary modes have been removed.</p>
<h3>📍 TOC Alignment</h3>
<p>Choose between <strong>left, center, and right</strong> alignment for the entire TOC block.</p>
<h3>📖 Reading Time Estimate</h3>
<p>Automatically display an estimated reading time inside the TOC header.</p>
<h3>🔒 PRO Features</h3>
<p><a href="https://wpjoli.com/joli-table-of-contents/" rel="nofollow ugc"><strong>Get Joli Table Of Contents Pro <span aria-hidden="true" class="wp-exclude-emoji">→</span></strong></a></p>
<p><strong>Premium Themes:</strong></p>
<p><strong>Widgets:</strong><br />
* 🆕 <strong>Timeline TOC</strong> — display the TOC as a visual timeline on the side of the screen, with proportionally spaced markers<br />
* ✅ <strong>Floating TOC Widget</strong> — follows the user as they scroll, shows the active section<br />
* ✅ <strong>Slide-Out TOC Widget</strong> — fixed panel on the side of the screen<br />
* ✅ <strong>Sticky Sidebar TOC</strong> — TOC in a sidebar widget that sticks while scrolling<br />
* ✅ <strong>Progress Bar Widget</strong> — reading progress indicator at the top of the page</p>
<p><strong>PRO-only customization:</strong><br />
* ⭐ <strong>Collapsible headings</strong><br />
* ⭐ <strong>View more button</strong> (Partial fold)<br />
* ⭐ Independent top-level heading styling<br />
* Separator between top-level headings<br />
* Multi-columns mode<br />
* Per-device TOC visibility (in-content vs. sidebar)<br />
* Fade past headings</p>
<p><strong>Advanced auto-insert rules:</strong><br />
* Filter by post type, post title, or post ID<br />
* Exclude specific posts by title or ID<br />
* Different settings per post type (theme, layout, everything)</p>
<p><strong>Custom Post Type support</strong> with per-post-type settings.</p>
<h3>🔧 Shortcode</h3>
<p>Insert the TOC anywhere using the shortcode:</p>
<pre><code>[joli-toc]
</code></pre>
<p><strong>Migrating from another plugin?</strong> Keep your existing shortcode tag without updating any content:</p>
<pre><code>add_filter('jolitoc_shortcode_tag', function(){ return 'toc'; });
</code></pre>
<p>This is compatible with shortcode tags used by <strong>Easy Table of Contents</strong>, <strong>LuckyWP Table of Contents</strong>, and others.</p>
<h3>🎣 Developer Hooks</h3>
<p>Joli Table Of Contents provides a full set of action and filter hooks for developers.</p>
<p><a href="https://wpjoli.com/docs/joli-table-of-contents/developer-hooks/" rel="nofollow ugc">View all available hooks <span aria-hidden="true" class="wp-exclude-emoji">→</span></a></p>
<p><strong>Common examples</strong> (add to your theme’s <code>functions.php</code>):</p>
<p>Disable auto-insert globally:<br />
    add_filter(‘joli_toc_disable_autoinsert’, function(){ return true; });</p>
<p>Disable JS or CSS:<br />
    add_filter(‘joli_toc_disable_js’, function(){ return true; });<br />
    add_filter(‘joli_toc_disable_styles’, function(){ return true; });</p>
<p>Customize the TOC title dynamically:<br />
    add_filter(‘joli_toc_toc_title’, function( $title ){ return ‘My Custom Title’; });</p>
<h3>🔌 More Plugins by WPJoli</h3>
<ul>
<li><a href="https://wordpress.org/plugins/smart-auto-featured-image/" rel="ugc">Smart Auto Featured Image</a></li>
<li><a href="https://wordpress.org/plugins/zenform/" rel="ugc">ZenForm</a></li>
<li><a href="https://wordpress.org/plugins/joli-faq-seo/" rel="ugc">Joli FAQ SEO</a></li>
<li><a href="https://wordpress.org/plugins/joli-clear-lightbox/" rel="ugc">Joli CLEAR Lightbox</a></li>
</ul>

Joli Table Of Contents

The best Table of Contents plugin for WordPress. Auto or manual insert, Gutenberg Block, beautiful themes, onboarding wizard, and deep customization.

All In One Lightbox – Display Images, Audio, and Video in Popups vs Joli Table Of Contents