How to create a WordPress Icecast Player

This tutorial will show you how to create an Icecast2 live streaming audio player for your WordPress website.

There are 4 steps in this tutorial:

  • Step 1 - Install Wonder Audio Player
  • Step 2 - Create an audio player to play the Icecast2 streaming
  • Step 3 - Select a skin for the audio player
  • Step 4 - Publish the player

The created demo is as follows:
Continue reading

How to show shortcode content in a WordPress lightbox

This tutorial will show you how to show content created with a shortcode in a WordPress lightbox by using the plugin Wonder Lightbox.

There are two ways to show content created with a shortcode in a lightbox:

  • Method 1 - Add the shortcode to a div on the same page then show the div in a lightbox
  • Method 2 - Add the shortcode to a standalone WordPress page then open the page in a lightbox

Continue reading

How to Create a WordPress Self-Hosted Video Gallery

This tutorial will show you how to create a WordPress self-hosted video gallery and add it to a WordPress post or page.

You can add the video files which are hosted on your own web server and create a video gallery in a few minutes.

There are 3 steps in this tutorial:

  • Step 1 - Install Wonder Gallery
  • Step 2 - Create a WordPress Video Gallery
  • Step 3 - Add WordPress Self-hosted Video Gallery to WordPress Page

Continue reading

How to Create a WordPress YouTube Grid Gallery

This tutorial will show you how to create a WordPress YouTube grid gallery and add it to a WordPress post or page.

You can add YouTube videos one by one, or add a YouTube playlist to create a WordPress YouTube playlist grid gallery. The WordPress YouTube playlist grid gallery will automatically and dynamically retrieve videos from the YouTube playlist and update itself when the playlist changes.

There are 4 steps in this tutorial:

  • Step 1 - Install Wonder Grid Gallery
  • Step 2 - Create a WordPress YouTube Grid Gallery
  • Step 3 - Create a WordPress YouTube Playlist Grid Gallery
  • Step 4 - Add WordPress YouTube Grid Gallery to WordPress page

Continue reading

How to Create a WordPress Gallery with Category Filter

This tutorial will show you how to create a WordPress gallery with category filter.

You can add image, YouTube, YouTube playlist, Vimeo, Dailymotion, HTML5 video, Iframe video and WordPress posts to the gallery, even import a whole folder. Then you can define multiple categories, add category buttons or selection to the gallery and create a WordPress gallery with category filter.

You can check the demo created with this tutorial at

This tutorial creates a WordPress gallery with thumbnails, if you want to create a WordPress grid gallery, you can view the tutorial How to Create a WordPress Grid Gallery with Categories.

There are five steps in this tutorial:

  • Step 1 - Install Wonder Gallery
  • Step 2 - Create categories
  • Step 3 - Add Images and Videos to the WordPress gallery
  • Step 4 - Show category filter buttons or selection
  • Step 5 - Publish the WordPress gallery and add the gallery shortcode to the WordPress post or page

Continue reading

How to add a close lightbox link in the WordPress lightbox popup

Product:

Wonder Lightbox

Tutorial:

In the lightbox created with Wonder Lightbox, there is a close button on the top right corner of the popup.

But in some cases, if you use the lightbox to open a div, you may want to add an extra close lightbox link to the div content, or you may want to add the link to the title if you open an image lightbox or video lightbox.
Continue reading