Plugin:
Wonder Lightbox Version 9.5 or above
Tutorial:
This tutorial will guide you how to show contents of a page or post without the header and footer in a WordPress lightbox.
How to load Wonder plugin JS files as non-render blocking and improve the webpage loading performance
Product:
All Wonder Plugins
Tutorial:
By default, Wonder plugins load the plugin JS files in the WordPress header. While this provides best compatibility with all kinds of WordPress themes, JS files in the header will be render-blocking. That's, the webpage will only be rendered after the JS files are loaded.
There are two methods to load the JS files as non-render blocking and fix the issue.
- First method: load Wonder plugin JS files in the WordPress footer
- Second method: use a third-party plugin to aggregate the JS files and load it as non-render blocking
We will also discuss plugin conditional loading at the end of this tutorial:
- Plugin conditional loading: only load plugins on selected pages or posts
How to open a Wistia video in a WordPress lightbox
Product: Wonder Lightbox
Tutorial:
After installing the WordPress plugin Wonder Lightbox, by adding a class name wplightbox to a link, you can easily change the link to a WordPress lightbox popup and use it to open an image or a video in the lightbox popup.
This tutorial will guide you how to open a Wistia video in a WordPress lightbox.
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
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
How to customise the WordPress lightbox caption, show web links, link to an email address or a phone number
This tutorial will show you how to customise the CSS style of the title and description of the lightbox created with the plugin Wonder Lightbox. It will also show you how to create web links, link to an email address and a phone number in the caption.
Continue reading
How to open Google Maps in WordPress Lightbox
This tutorial will guide you how to open Google Maps in WordPress lightbox by using the premium plugin Wonder Lightbox. You can download the trial version from the plugin homepage, make sure it works for you before upgrading to the Pro version.
How to add a close lightbox link in the WordPress lightbox popup
Product:
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
WordPress Lightbox Enter and Exit Animations
Product
Tutorial
This tutorial will guide you how to add enter and exit animations for lightbox popups created with Wonder Lightbox plugin.
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
