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

How to display a WooCommerce downloadable product in a lightbox popup after purchase

Product:

Wonder Lightbox

Tutorial:

In WooCommerce, you have the option to sell digital products, like PDF ebooks or images. Once customers make a purchase, they can directly download the PDF or image file from their account dashboard.

In certain situations, rather than initiating a direct download upon clicking the download button, you might prefer to display the PDF file or image file directly in a lightbox popup.

This tutorial will provide guidance on implementing this approach.

Continue reading

Open a video lightbox popup on page load and autoplay then close the popup automatically on video end

Product:

Wonder Lightbox

Tutorial:

This tutorial will guide you on how to open a video lightbox popup upon page load, play the video, and then automatically close the popup after the video has finished playing.

At the end of the tutorial, it will also discuss how to redirect to a URL when the lightbox closes.

Continue reading

How to add extra buttons to control a WordPress audio player on the same webpage

This tutorial will guide you how to add your own buttons to play/pause/rewind/fast forward a WordPress audio player created with the plugin Wonder Audio Player.

If the audio player has a playlist, the tutorial will also guide you how to add buttons to play a specific song in the playlist or switch to the previous or next song.

There are two steps in this tutorial:

  • Step 1 - Create an audio player with Wonder Audio Player plugin
  • Step 2 - Add buttons with inline JavaScript to control the audio player
  • Optional - Use custom JavaScript to control the audio player

Continue reading

How to Stop Safari from Automatically Unzipping Downloaded ZIP Files

WordPress plugins are typically distributed in compressed ZIP file format. If you are using Safari on a Mac computer, you might notice that after clicking the download link, instead of receiving a .zip file, you get a folder. This can make it impossible to upload the plugin to your WordPress dashboard.

This issue occurs because Safari automatically unzips downloaded ZIP files. To resolve this, you can either use a different web browser, such as Google Chrome or Mozilla Firefox, to download the plugin file, or you can configure Safari to stop automatically unzipping downloaded ZIP files.

Continue reading

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

Product:

Wonder Gallery

Level:

Advanced

Tutorial:

You can use the Wonder Gallery plugin to easily create images and videos for your WordPress website. This tutorial will guide you on how to dynamically change the images and videos in the gallery using JavaScript.

Continue reading