How to add a play button over an image and use it to open a video lightbox in Divi Builder

Product:

Wonder Lightbox

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.

Continue reading

How to add a play button over an image and use it to open a video lightbox

Product:

Wonder Lightbox

Tutorial:

By using the plugin Wonder Lightbox, you can easily open a video or image in a lightbox popup by simply adding a class name wplightbox to the <a> tag. For more information about how to activate the lightbox effect, you can view the help document Wonder Lightbox Help Document.

This tutorial will guide you how to add a play button over an image and use it to open a video lightbox.

Continue reading

WordPress Audio Player plugin: how to configure the mp3 URL in the shortcode

Product:

Wonder Audio Player

Tutorial:

Wonder Audio Player is an easy to use WordPress plugin that can help you create mp3 players for your WordPress sites.

To create a WordPress audio player, in the plugin, step 1, you can add mp3 files to the playlist, the plugin will build the player and provide you with the shortcode. You can then add the player shortcode to a WordPress post or page.

In some cases, for example, you have tens or even hundreds of mp3 files, instead of creating a player for each mp3 file, you may want to only create one player and reuse the same player for all mp3 files.

This tutorial will guide you how to create a player, then reuse it for all other mp3 files.

Continue reading

Display ACF (Advanced Custom Fields) Image in Wonder Carousel

Product:

Wonder Carousel

Tutorial:

You can use the Wonder Carousel plugin to create a carousel from WordPress custom post types. By default, it will use the featured image of the post as the carousel image. This tutorial will guide you how to define an image custom field using ACF (Advanced Custom Fields), then show the images in the custom post types carousel.
Continue reading