How to Dynamically Create a WordPress Image and Video Gallery Using WordPress Media Library IDs

Plugin:

Wonder Grid Gallery, Version 18.6 or above

Tutorial:

When using the Wonder Grid Gallery plugin to create a WordPress gallery, you would normally add images or videos to the gallery through the plugin's gallery editor. This tutorial will guide you on how to add a list of WordPress Media Library IDs to the gallery shortcode, allowing you to use the same gallery setup to create different galleries or to dynamically create galleries using PHP code.
Continue reading

How to Add an Image to the Lightbox Gallery Without Showing It in the Grid Gallery

Product:

Wonder Grid Gallery

Tutorial:

Using the Wonder Grid Gallery plugin, it's easy to create a WordPress grid gallery for images and videos. When clicking on an image in the grid gallery, a lightbox gallery pops up, displaying all the images and videos in the gallery.

In some cases, you may not want to display an image in the grid but still want it to appear in the lightbox popup gallery. This tutorial will guide you on how to do it.

Continue reading

Double Tap to Play or Pause the WordPress Audio Player on Touch Devices

Plugin:

Wonder Audio Player

Tutorial:

In the tutorial Use the Space Key to Play or Pause the WordPress Audio Player, we learned how to use the space key to control the audio player. However, on touch devices, there isn't a keyboard available. This tutorial will guide you on how to play or pause the WordPress audio player on touch devices by double-tapping the webpage in mobile web browsers. This tutorial also provides code to support double-click on regular desktop and laptop computers.
Continue reading

How to Modify Grid Gallery Items Before the Gallery Is Rendered on the Page

Plugin:

Wonder Grid Gallery 18.4 or above

Tutorial:

You can use the Wonder Grid Gallery plugin to create a WordPress posts gallery or a custom posts gallery. This plugin allows you to add multiple categories or custom post types to a single gallery.

By default, the gallery displays the posts one category by one category or one custom post type by one custom post type, according to the order in which you have added them to the gallery.

In some instances, you may want to mix all posts or custom post types in a specific order. For example, you may want to display them alphabetically by post title.
Continue reading

Download a Different File Than What is Being Played in the WordPress Audio Player

Plugin:

Wonder Audio Player

Tutorial:

In the Wonder Audio Player plugin, you can easily create a player with download buttons in the playlist. When clicking the button, it will download the audio file that is being played.

However, in some cases, you may want to download a different file than what is being played. For example, you might want to download a PDF script file or a larger WAV file instead of the smaller MP3 file. This tutorial will guide you on how to do it.

Continue reading

How to open a different lightbox gallery by clicking buttons in Wonder Slider

Product:

Wonder Slider, Wonder Grid Gallery

Tutorial:

In the tutorial available at https://www.wonderplugin.com/wordpress-lightbox/how-to-open-a-lightbox-gallery-popup-on-clicking-a-link/, we learned how to open a lightbox gallery popup by clicking a button or text link.

In this tutorial, we will add buttons to an image slider created with Wonder Slider and open a different lightbox gallery upon clicking the buttons in the slider.
Continue reading

Use the Space Key to Play or Pause the WordPress Audio Player.

Plugin:

Wonder Audio Player

Tutorial:

This tutorial will guide you on how to enable the space key to play or pause the WordPress audio player created with Wonder Audio Player. It will also provide the code to use the left arrow key for playing the previous track and the right arrow key for playing the next track.

Continue reading

How to display the current slide number and the total number of slides in the carousel title

Product:

Wonder Carousel

Tutorial:

Wonder Carousel supports macro variables in the content template, which are dynamically replaced by the properties of the current slide when the carousel is rendered.

This tutorial will guide you on how to use macro variables to display the current slide number and the total number of slides in the carousel title.
Continue reading

How to save the current slide ID of the carousel to a web browser cookie and navigate to the slide when the user returns to the page

Product:

Wonder Carousel

Question:

We are using Wonder Carousel with more than 50 text content frames to aid our users in a study program.

We would like to know if there is a way to automatically set a cookie at the most current frame so that when a user returns to the page (same device and browser, of course), the most recent frame will open. Right now, the user has to use the arrow to advance a few or may dozens of pages to get back to where they were in their prior session (if the user even remembers).

Continue reading