How to dynamically add or remove images and videos in WordPress grid gallery using JavaScript

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.

Continue reading

How to add a CSS class unique to the category of the carousel item in WordPress post carousel and WordPress custom post type carousel

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

How to display date, author, categories and tags in WordPress post gallery and WordPress custom post type gallery

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.

Continue reading

How to add a read more button to WordPress tabs content

Product:

Wonder Tabs

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

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