Recently Asked Questions and WordPress Tutorials
Product
Wonder Lightbox 9.4 or above, Wonder PDF Embed 1.8 or above
Tutorial
Wonder Lightbox and Wonder PDF Embed use Mozilla PDF.js to display PDF files. By default, PDF.js only supports PDF files that are hosted on the same domain as the webpage. If your PDF files are hosted on Dropbox, PDF.js will not be able to display them and may show an error "An error occurred while loading the PDF".
Continue reading
Product
Wonder Lightbox 9.4 or above, Wonder PDF Embed 1.8 or above
Tutorial
Wonder Lightbox and Wonder PDF Embed use Mozilla PDF.js to display PDF files. By default, PDF.js only supports PDF files that are hosted on the same domain as the webpage. If your PDF files are hosted on Amazon S3, PDF.js will not be able to display them and may show an error "An error occurred while loading the PDF".
This tutorial will guide you how to configure the CORS policy of your Amazon S3 bucket, so the PDF files can be displayed by Wonder Lightbox and Wonder PDF Embed.
Continue reading
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.
We will also discuss plugin conditional loading at the end of this tutorial:
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.
Product: Wonder Grid Gallery
Level: Advanced
Tutorial:
You can use the premium WordPress plugin Wonder Grid Gallery to create an image and video grid gallery. This tutorial will guide you how to dynamically add or remove images and videos in the gallery using JavaScript.
Product: Wonder Carousel Version 18.4 or above
Level: Advanced
Tutorial:
You can use the Wonder Carousel plugin to easily create a WordPress post carousel or WordPress custom post type carousel. This tutorial will guide you how to add a CSS class unique to the category of the item in the carousel.
Continue reading
Product:
Wonder Grid Gallery 17.0 or above
Tutorial:
In Wonder Grid Gallery, step 4 Options tab, Text and Grid Content, you can add the pre-defined macro variables to the text overlay content and grid content. The macro variables will be dynamically replaced by the content of the gallery item.
Product:
Wonder Slider 13.1 or above
This tutorial will show you how to load image and video list from a JSON service in the plugin Wonder Slider.
Product:
Tutorial:
This tutorial will guide you how to add a read more button to the WordPress tab content created by the Wonder Tabs plugin.
The Read More tag inserted into a WordPress post or page is specially handled by WordPress, it will not work in the tab content. To create a Read More button, we will need to add the button by ourselves and use JavaScript to show the extra content.
The created demo is as follows. In the first tab, you can click the Read More button to show the hidden content, and click the Read Less button to hide it. The second tab only has a Read More button.
Continue reading
Product:
Tutorial:
Divi Builder is a powerful yet easy-to-use visual editor. After installing the plugin Wonder Lightbox, by adding a class name wplightbox to the Divi Image module, you can easily open a video or image lightbox popup on clicking the image.
This tutorial will guide you how to add a play button over an image and use it to open an image or video lightbox.
