Lightbox with PhotoSwipe Shortcode

Below, you’ll find a detailed guide on how to add the Lightbox with PhotoSwipe Shortcode to your WordPress website, including its parameters, examples, and PHP function code. Additionally, we’ll assist you with common issues that might cause the Lightbox with PhotoSwipe Plugin shortcode not to show or not to work correctly.

Before starting, here is an overview of the Lightbox with PhotoSwipe Plugin and the shortcodes it provides:

Lightbox with PhotoSwipe

"Lightbox with PhotoSwipe is a WordPress plugin that enhances your website by providing an interactive image viewer. It creates an elegant and responsive gallery, optimized for mobile and desktop viewing."

★★★★★ (102) Active Installs: 20000+ Tested with: 6.3.2 PHP Version: false

Included Shortcodes:

Lightbox with PhotoSwipe Shortcode

The Lightbox-Photoswipe plugin shortcode ‘gallery’ allows the creation of a unique gallery ID for each gallery on your WordPress site. This shortcode generates a gallery using the ‘gallery_shortcode’ function, then replaces each image link with a callback function ‘callbackGalleryId’. This function assigns a unique ID to every gallery, ensuring each one functions independently.

Shortcode:

Examples and Usage

Basic example – A simple usage of the gallery shortcode to display a gallery with the specified id.

PHP Function Code

In case you have difficulties debugging what causing issues with shortcode, check below the related PHP functions code.

Shortcode line:

add_shortcode('gallery', [$this, 'shortcodeGallery'], 10, 1);

Shortcode PHP function:

function shortcodeGallery(array $attr)
    {
        $this->galleryId++;
        $content = gallery_shortcode($attr);
        return preg_replace_callback(
            '/(<a.[^>]*href=["\'])(.[^"^\']*?)(["\'])([^>]*)(>)/sU',
            [$this, 'callbackGalleryId'],
            $content
        );
    }

Code file location:

lightbox-photoswipe/lightbox-photoswipe/src/LightboxPhotoSwipe/LightboxPhotoSwipe.php

Conclusion

Now that you’ve learned how to embed the Lightbox with PhotoSwipe Plugin shortcode, understood the parameters, and seen code examples, it’s easy to use and debug any issue that might cause it to ‘not work’. If you still have difficulties with it, don’t hesitate to leave a comment below.