How to show HTML content in a WordPress lightbox

This tutorial will guide you how to show HTML content in a WordPress lightbox by using the plugin Wonder Lightbox.

The tutorial will also discuss how to open the HTML content in the lightbox of a gallery created with Wonder Grid Gallery or a carousel created with Wonder Carousel

There are two steps in this tutorial:

  • Step 1 - Add the HTML content to a div on the webpage
  • Step 2 - Open the div in a WordPress lightbox
  • Additional - Open the div in the lightbox of a gallery created with Wonder Grid Gallery or a carousel created with Wonder Carousel

Continue reading

How to show shortcode content in a WordPress lightbox

This tutorial will show you how to show content created with a shortcode in a WordPress lightbox by using the plugin Wonder Lightbox.

There are two ways to show content created with a shortcode in a lightbox:

  • Method 1 - Add the shortcode to a div on the same page then show the div in a lightbox
  • Method 2 - Add the shortcode to a standalone WordPress page then open the page in a lightbox

Continue reading

How to add a close lightbox link in the WordPress lightbox popup

Product:

Wonder Lightbox

Tutorial:

In the lightbox created with Wonder Lightbox, there is a close button on the top right corner of the popup.

But in some cases, if you use the lightbox to open a div, you may want to add an extra close lightbox link to the div content, or you may want to add the link to the title if you open an image lightbox or video lightbox.
Continue reading

How to open a popup lightbox gallery when clicking a button in Divi

Divi Page Builder is one of the most popular WordPress drag and drop page builders. This tutorial will guide you how to open a lightbox popup gallery when clicking a button in Divi page builder.

There are four steps in this tutorial:

  • Step 1 - Install Wonder Grid Gallery
  • Step 2 - Add a button module in Divi page builder
  • Step 3 - Create a lightbox gallery in Wonder Grid Gallery
  • Step 4 - Add the lightbox gallery to Divi page builder

Continue reading

Including Wonder Lightbox PDF files in SEO Sitemap

To automatically include a PDF file in Sitemap, most SEO plugins, for example Yoast SEO, require the PDF file being uploaded to WordPress Media Library and being attached to a WordPress post or page.

In Wonder Lightbox or Wonder Carousel, PDF lightbox is rendered as a regular HTML link not an attachment. This tutorial will guide you how to attach PDF files to posts or pages so they can be found by the SEO plugin and automatically added to the sitemap file.
Continue reading