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

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 to control the audio player

Continue reading

How to remove Google Font and disable YouTube connections in WordPress carousel

Product

Wonder 3D Carousel
Wonder Carousel

Tutorial

By default, WordPress carousels created with Wonder 3D Carousel and Wonder Carousel will contain a Google font, and to support YouTube videos, it will also initialise the YouTube API.

This tutorial will guide you how to remove the Google font and prevent the carousel from connecting YouTube.

Continue reading

WordPress Lightbox and Ajax Loading

Product:

Wonder Lightbox Version 9.3 or above

Tutorial:

After installing the plugin Wonder Lightbox, simply adding a class wplightbox to any link will activate the lightbox effect and open the image, video, PDF or webpage in a lightbox popup.

The plugin Wonder Lightbox initialises the lightbox effect in the jQuery document ready event. But if the webpage content is loaded via Ajax (asynchronous JavaScript and XML), the wplightbox links in the content will not have a chance to be initialised and hence will not work.

This tutorial will discuss two types of Ajax loading and provide solutions for each type.

Continue reading