How exactly to Create a movie Gallery in WordPress (action by Step)

Recently, a user asked united states how to develop a movie gallery in WordPress. WordPress allows you to embed videos inside websites, nonetheless it doesn’t permit you to create video galleries out from the field. In this essay, we are going to demonstrate just how to easily produce a video gallery in WordPress.

Including a video clip gallery in WordPress

Whenever and exactly why Create a movie Gallery in WordPress

WordPress allows you to embed videos within blog posts by simply going into the movie URLs. It can also show hosted videos by yourself website.

But you shouldn’t upload videos to WordPress. Videos are big files and serving them directly could potentially cause issues with your WordPress web hosting service.

It is simple to add a solitary video clip into your articles but let’s say you wished to show numerous videos on a page?

One good way to do that is by adding one video after another. Although it works, it makes an embarrassing consumer experience as it needs a lot of scrolling.

Wouldn’t it be nicer in the event that you could create a video gallery with thumbnails being a picture gallery? This will permit you to show more videos in less area with the use of a beautiful mobile friendly grid.

Let’s have a look at just how to easily create a video clip gallery in WordPress.

Method 1: Create a movie Gallery in WordPress with Envira Gallery

With this technique, we’ll be using the Envira Gallery plugin. It is the most useful WordPress gallery plugin available in the market. It includes a videos addon makes it possible for you to definitely create gorgeous mobile-responsive video galleries in WordPress.

Envira Gallery actually compensated plugin, and you’ll need at least their pro want to access the videos addon.

WPBeginner users may use this Envira Gallery voucher to obtain 25% down.

Very first thing you must do is install and stimulate the Envira Gallery plugin. For more details, see our detailed guide on how best to put in a WordPress plugin.

Upon activation, you’ll want to check out Envira Gallery » Settings page to incorporate your license key. You’ll find this information from your own account on Envira Gallery web site.

Enter your Envira Gallery permit key

Next, you’ll want to head up to the Envira Gallery » Addons web page. You’ll see all addons designed for one to install. Try to find the Videos addon and do the installation.

Next, you'll want to head to Envira Gallery » Addons page. You’ll see all addons designed for you to definitely install. Try to find the Videos addon and install it.

Envira Gallery will now fetch and install the videos addon. Afterwards, you need to click ‘Activate’ to begin utilizing it in your web site.

Activate videos addon

Now you’re willing to make your first movie gallery.

Head to the Envira Gallery » Add New web page to generate your gallery. First, you’ll want to supply a name for your gallery.

Add brand new movie gallery

Envira Gallery can cause a video clip gallery of self-hosted videos plus videos hosted on YouTube, Vimeo, and Wistia. We recommend making use of third-party video web hosting solutions for better user experience.

First, you’ll need certainly to upload your videos to YouTube or Vimeo. Next, click on ‘Select videos off their sources’ button to continue.

This will bring up the Insert Media popup in which you will need to go through the ‘Insert videos’ website link within the left column.

Insert videos

You’ll want to click the ‘Add Video’ button to enter the name and also the video clip URL.

To include more videos, go through the ‘Add Video’ switch once more. Take a moment to incorporate as much videos as you need.

After you have added most of the videos you need to show within the gallery, click the ‘Insert into Gallery’ button to carry on.

Envira will now fetch the thumbnails for the videos and show them beneath the images section.

It is possible to modify videos at any time by simply clicking the ‘pencil’ symbol or eliminate any video. You’ll be able to add more videos if required.

Your video clip gallery is almost ready. Let’s configure the video clip gallery settings.

Start with hitting the ‘Config’ tab inside left column, and under ‘Number of Gallery Columns’ choices select several line layout.

This helps to ensure that your video thumbnails look well with adequate room between each movie.

movie gallery columns

Now let’s add the play key to your movie thumbnails.

Change to the ‘Videos’ tab and check the field alongside ‘Display play symbol over gallery image’ choice.

include play button to video thumbnails in the gallery

Your video gallery happens to be ready. Go right ahead and click the publish button in order to make your video clip gallery available to WordPress.

Display Movie Gallery in your Website

Envira Gallery allows you to show your video gallery in just about any WordPress post or page. You may show the gallery in a sidebar.

Let’s produce a brand new web page in WordPress and present it a proper name, for instance: ‘Videos’.

Upcoming, go through the ‘Add Gallery’ switch on top of the post editor.

include gallery switch

This may talk about a popup in which you’ll see your video clip gallery. Simply click to choose it after which click the Insert button.

Insert gallery

Envira Gallery shortcode will now come in your post editor.

It’s simple to update or publish your page and look at the page to see your video gallery for action.

Envira video clip gallery

Top component is that simply clicking a video clip product will start it in a lightbox popup with movie theater mode. This supplies a better watching experience for the users.

They’ll certainly be in a position to view the video without making your site, in addition they may also browse other videos within the gallery by clicking on the thumbnails underneath the player.

Video gallery popup

Method 2: produce a movie Gallery in WordPress with YouTube Channel Gallery

This method requires a YouTube API key to function, helping to make the method a bit lengthier. Don’t stress we’ll stroll you through it.

Very first thing you have to do is install and trigger the YouTube Channel Gallery plugin. To get more details, see our detailed guide on the best way to install a WordPress plugin.

Next, you will need to head to Google Developer Console web site to build a YouTube API key.

Click the ‘Select a task’ switch towards the top kept part regarding the display then click the incorporate switch.

brand new Google developer task

Regarding the next screen, you need to give a name for the project and agree to the regards to service. Afterwards go through the make switch to keep.

brand new task details

Next, you’ll want to click on the API Library and then pick YouTube information API website link.

choose YouTube Data API

This will bring you to the API details web page where you’ll want to click on the Enable connect to turn on this API for the project.

Enable API key

Developer system will now allow the API for the project. You nonetheless still need to create credentials to make it to the API key.

Click on the ‘Create credentials’ button to keep.

generate credentials

Now you will need to enter the method that you is supposed to be utilizing the API key. For ‘in which will you be calling the API from?’ choice choose ‘Web web browser (JavaScript)’ and choose ‘Public Data’ under ‘exactly what data will you be accessing?’ choice.

Credential settings

Click ‘just what credentials do i want’ switch to carry on.

Developer system will now show your API key. You will need to copy and paste this API input a plain text file. You’ll need it later on to generate video galleries.

There’s one last step staying which will be to limit your API key to be utilized just in your internet site. To do that, click on the Restrict key link shown on your own API key display screen.

Copy API Key

In the restrictions page, pick HTTP Referrers choice after which enter your domain name below within the following format:

*.yourdomain.com

Restrict API key

Don’t forget to go through the salvage key to keep your modifications,

Since you’ve gotten your YouTube information API key, it is time to create your video gallery.

YouTube Channel Gallery plugin comes with a powerful shortcode as possible increase your articles and pages to display your video gallery.

Just develop a brand new web page or modify an existing one, and add the next shortcode in the post editor.

[Youtube_Channel_Gallery user="wpbeginner" maxitems="8" thumb_columns_phones="2" thumb_columns_tablets="4" key="your-youtube-api-key-goes-here"]

Don’t forget to restore an individual together with your YouTube username, and key with the YouTube API key you created early in the day.

It’s simple to save your post/page and go to your site to see your video clip gallery doing his thing.

YouTube video gallery plugin

The plugin does not have lightbox popup, along with your videos would be played on web page. Simply clicking a video clip thumbnail in the gallery will play the movie within the top player.

For more details, please see our tutorial on how best to show latest videos from your YouTube channel in WordPress.

That’s all for now.

We hope this short article helped you learn to effortlessly produce a movie gallery in WordPress. It’s also possible to desire to see our ultimate detail by detail guide on the best way to improve WordPress rate and performance.

In the event that you liked this informative article, then please donate to our YouTube Channel for WordPress instructional videos. There are also united states on Twitter and Twitter.

How to Create a Video Portfolio in WordPress

Do you want to create a video portfolio in WordPress? By default, you can easily embed a videos in WordPress, but you cannot display multiple videos in a portfolio style layout. In this article, we will show you how to easily create a video portfolio in WordPress without slowing down your website or writing code.

Creating a video portfolio in WordPress

Getting Started with Your Video Portfolio

The first thing you need to do is start a WordPress blog or a website. If you already have a website, then you can move to the next step.

WordPress allows you to easily embed videos in your blog posts and pages. However, it does not allow you to easily create a beautiful video portfolio out of the box.

For your video portfolio, you’ll want to display your videos in a nice grid based layout, so that more videos can be viewed without a lot of scrolling. You also need to make sure that it works on mobile devices and offers good user experience.

While you can upload a video to your WordPress site, we recommend using a third-party service like YouTube or Vimeo because videos are resource intensive, and they can slow down your site. See our article on why you should never upload videos to WordPress.

That being said, now let’s see how to easily create a video portfolio in WordPress. The goal is to create a portfolio section that not only looks great, but also works on all devices and screen sizes without any issues.

Creating a Video Portfolio in WordPress

First thing you need to do is install and activate the Envira Gallery plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Envira Gallery is a paid WordPress photo gallery plugin, and you’ll need at least Pro plan to access videos addon.

WPBeginner users can use this Envira Gallery coupon to get 25% off.

Upon activation, you need to visit Envira Gallery » Settings page to add your license key. You can find this information from your account on Envira Gallery website.

Enter your Envira Gallery license key

Next, you need to head over to Envira Gallery » Addons page. You’ll see all the addons available for you to install. Look for the Videos addon and install it.

Install videos addon

Envira Gallery will now fetch and install the videos addon. After that, you need to click ‘Activate’ to start using it on your website.

Activate video addon

Now you are ready to create your first video portfolio gallery.

Head on over to the Envira Gallery » Add New page to create your first gallery. First, you need to provide a title for your gallery.

New Gallery

Envira Gallery can create a gallery of your self-hosted videos as well as videos hosted on platforms like YouTube, Wistia, and Vimeo. We recommend using third-party video hosting services like YouTube or Vimeo to avoid performance issues with your WordPress hosting provider.

After uploading your videos to YouTube or Vimeo, you need to click on ‘Select files from other sources’ button.

This will bring up the Insert Media popup where you need to click on the ‘Insert videos’ link in the left column.

Add videos to your gallery

You need to click on the Add Video button and enter the title of your video as well as paste the video URL.

You can also add more videos by clicking on the Add Video button again and repeat the process until you have added all the videos you wanted to show in your portfolio.

Once finished, click on the ‘Insert into Gallery’ button to continue.

Envira Will now show thumbnails it fetched from your videos in the Images section.

Video thumbnails

You can edit, hide, or add more items to the gallery at anytime.

Now let’s configure the video gallery a bit.

You need to click on the ‘Config’ tab and under ‘Number of Gallery Columns’ options select two or three column layout. This ensures that your video thumbnails appear nicely with adequate space between each video.

Select number of columns

Next, switch to the ‘Videos’ tab and check the box next to ‘Display play icon over gallery image’ option.

Show play button over videos

Now you can click on the publish button to make your video portfolio gallery available to WordPress.

Displaying Your Video Portfolio Gallery in WordPress

Envira Gallery makes it easy for you to add video or photo galleries anywhere on your WordPress site.

You can add it in posts, pages, as well as widget areas. For the sake of this example, we’ll go ahead and add it on a new page.

Go ahead and create a new page in WordPress and give it an appropriate title, for example: Portfolio.

On the page edit screen, you need to click on the Add Gallery button.

Add your video portfolio gallery

This will bring up a popup where you’ll see your video portfolio gallery. Click to select it and then click on the Insert button.

Insert your video gallery

Envira Gallery shortcode will now appear in your post editor.

You can now update or publish your page and visit the page to see your portfolio gallery in action.

Video portfolio preview

Clicking on each video will open it in a lightbox popup. Your users will be able to view the video without leaving your website. They will also be able to browse other videos by clicking on the thumbnails below the player.

Video lightbox popup

We hope this article helped you learn how to create video portfolio in WordPress. You may also want to see our beginners guide on how to boost WordPress speed and performance.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.