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

Lightbox effect not working with the WordPress theme Salient

Product:

WonderPlugin Slider, WonderPlugin Carousel, WonderPlugin Portfolio

Tutorial:

This tutorial will guide you how to fix the issue of the lightbox effect not working in the WordPress theme Salient.
Continue reading

Highlight the active thumbnail in WordPress Gallery Plugin

Product: WordPress Gallery Plugin

Question

My clients purchased the commercial version of your plugin on my request and would now like to implement some adjustments if that is possible.

We would like to be able to highlight the active thumbnail using a green colour. We are using the "Media page" skin.

With the present settings it is very hard for visitors to see which thumbnail is active in the gallery. Is there CSS code or additional code that needs to be added to the Advanced Options of the plugin so that this can be accomplished? Can you provide the additional code required to make this possible.

Answer

In step 3, Options tab, Advanced Options, enter the following text to the Advanced Options field:

data-thumbimageborder="4"
data-thumbimagebordercolor="#ffffff"
data-thumbunselectedimagebordercolor="#00ff00"

Continue reading

Dimension of WordPress Gallery Player

Question:

I bought the commercial version of WordPress Gallery Plugin a few days ago, and am getting up to speed.
Quick question, the playback viewer in WonderPlugin is 1000 x 556. Is that fixed? Is there a way to increase the dimensions?

Answer:

In the Plugin dashboard, gallery editor, step 3, Options tab, Gallery Options. If you have checked the option "Support responsive web design", the gallery will automatically resize itself to its container.

If you did not check the option, it will use the width and height defined in the above "General Options".

WordPress Gallery Size

Responsive WordPress Slider on iPhone

Question:

I have been searching for several days now and run into your plug-in. I gotta say for ease of use, and quality it is the best one out there. I am ready to go pro, but here is my problem. I downloaded the FREE version made a video slider used the short code and placed it on my site. It looked great, but then when I looked at the site on my iPhone 5 it had not sized the slider down it was “huge" compared to the other images and threw everything off to one side in the iPhone browser. Is this something your technical folks have experienced and know about. Maybe they are working on an update.

I’m just frustrated cause I want this to be my solution and having it up and running yesterday.

Answer:

I don't know which plugin you are using: WonderPlugin Gallery https://www.wonderplugin.com/wordpress-gallery/ or WonderPlugin Slider https://www.wonderplugin.com/wordpress-slider/. But here is the solution for both plugins:

In the Gallery/Slider editor, step 3, Options tab, there is an option Support responsive web design, please check it.

Responsive WordPress Slider