WordPress

How to Create a Video Portfolio in WordPress (Step by Step)

Do you need to create a video portfolio in WordPress?

Movies are an enticing medium that may show your expertise and creativity in a manner that static photos can’t. By default, you may simply embed movies in WordPress, however you may’t show them in a portfolio-style format.

On this article, we’ll present you the right way to simply create a video portfolio in WordPress with out slowing down your web site or writing code.

Create a Video Portfolio in WordPress

Get Began with Your Video Portfolio

First, you have to to start a WordPress blog or an internet site. If you have already got one, then you may transfer to the subsequent step.

WordPress lets you easily embed videos in your weblog posts and pages. Nonetheless, it doesn’t allow you to create an exquisite video portfolio out of the field.

To your portfolio, it would be best to show your movies in a pleasant grid-based format in order that extra movies might be considered with out lots of scrolling.

You additionally must make it possible for the portfolio works on cellular units and presents an excellent person expertise. This will help enhance your web site rankings, as high-quality video content material can result in extra natural site visitors.

Whilst you can add a video to your WordPress web site, we suggest utilizing a third-party service like YouTube or Vimeo as a result of movies are resource-intensive and might decelerate your web site.

For extra particulars, it’s possible you’ll need to see our article on why you should never upload videos to WordPress.

That being stated, let’s check out the right way to simply create a video portfolio in WordPress, step-by-step.

Making a Video Portfolio in WordPress With Envira Gallery

You possibly can simply create a video portfolio in WordPress with Envira Gallery. It’s the best WordPress gallery plugin in the marketplace that comes with a video addon.

The plugin permits you to create stunning galleries and presents premade templates, watermarking, a lightbox function, and way more.

First, you might want to set up and activate the Envira Gallery plugin. For detailed directions, see our step-by-step information on how to install a WordPress plugin.

Word: Envira Gallery additionally has a free plan. Nonetheless, you have to a premium plan to unlock the Movies addon.

Upon activation, go to the Envira Gallery » Settings web page from the WordPress dashboard to enter your license key. You will get this data out of your account on the Envira Gallery web site.

Add the Envira Gallery license key

Subsequent, you should head to the Envira Gallery » Addons web page and find the ‘Movies’ addon.

When you do this, click on the ‘Set up’ button subsequent to it. After that, you might want to click on ‘Activate’ to start out utilizing it in your web site.

Install the Videos addon

Now, it’s time so that you can begin creating your video portfolio. To do that, go to the Envira Gallery » Add New web page from the WordPress admin sidebar.

Understand that Envira Gallery lets you create a gallery of your self-hosted movies in addition to movies hosted on platforms like YouTube, Wistia, and Vimeo.

Nonetheless, we suggest utilizing third-party video internet hosting providers to keep away from efficiency points or issues together with your WordPress hosting.

Upon importing your movies on YouTube or Vimeo, you may add a reputation on your gallery after which click on the ‘Choose Recordsdata from Different Sources’ button.

Click Select files from other Sources button

It will launch the media library, the place you must change to the ‘Insert Movies’ tab.

Right here, you may add your video’s title, caption, and alt text. When you do this, simply add the video URL within the ‘Video URL’ area.

If you wish to add a video out of your laptop, then you may click on the ‘Add Media’ button.

You can even add extra movies by clicking on the ‘Add Video’ button on the high. Then, repeat the method till you may have added all of the movies you wished to indicate in your portfolio.

As soon as you’re executed, merely click on the ‘Insert into Gallery’ button.

Add video URL, title, caption, and alt text

Envira will now present the thumbnails it fetched out of your movies within the ‘Presently in your Gallery’ part.

Right here, you may click on the pencil icon on high of every thumbnail to alter the alt textual content and captions, video heights, widths, and extra.

Edit video details by clicking the pencil icon on top of each thumbnail

Upon getting executed that, simply change to the ‘Configuration’ tab.

Now you can select your gallery format, add gallery columns, allow lazy loading, change picture dimensions, and add captions below the movies.

Go through the gallery configuration settings

After that, change to the ‘Lightbox’ tab from the left column and verify the ‘Allow Lightbox’ choice. Your movies will now play on the identical web page in a lightbox popup.

For detailed directions, you may see our tutorial on how to add a gallery in WordPress with a lightbox effect.

Enable the lightbox option for the video portfolio

Subsequent, change to the ‘Movies’ tab and verify the field subsequent to the ‘Show play icon over gallery picture’ choice. That manner, customers can click on on the play button to start out watching your movies.

After that, you may scroll right down to the ‘Video Lightbox Settings’ part and allow video autoplay, show video controls, add a progress bar or present time, allow video obtain, and extra.

Configure the video settings

You possibly can then additionally configure different gallery settings in keeping with your liking. As soon as you’re executed, click on the ‘Publish’ button on the high to retailer your settings.

Subsequent, open the WordPress web page or submit the place you need to add your video portfolio. Right here, click on the ‘+’ add block button to open the block menu and add the Envira Gallery block.

When you do this, choose the video portfolio gallery that you just simply created from the dropdown menu inside the block itself.

Add the Envira Gallery block for the video portfolio

Lastly, click on the ‘Publish’ or ‘Replace’ button to retailer your settings.

Now you can go to your WordPress web site to view the video portfolio. That is what it regarded like on our demo WordPress website.

Video portfolio preview

Bonus: Add Your YouTube Feed to Your WordPress Website

Other than making a video portfolio, you can even add your complete YouTube feed to your WordPress web site to drive site visitors to your channel and enhance person engagement.

This may additionally assist enhance your web site rankings and permit you to showcase your expertise and creativity inside the video feed.

You possibly can simply add a YouTube feed in WordPress with the Smash Balloon YouTube Feed plugin. It’s the best WordPress YouTube gallery plugin in the marketplace that comes with a number of feed varieties, customizable layouts, social sharing, and reside stream help.

Smash Balloon YouTube Feeds Pro

Upon plugin activation, all you must do is join your YouTube channel with WordPress.

When you do this, your YouTube feed might be launched within the Smash Balloon builder, the place you may customise the format, add a subscribe button, change coloration schemes, and edit particular person parts.

For detailed directions, you may see our tutorial on how to create a video gallery in WordPress.

Smash Balloon's video style settings

Other than YouTube, you can even use different Smash Balloon plugins to embed your Fb, Instagram, or Twitter feeds inside your web site.

For extra data, simply see our full Smash Balloon review.

We hope this text helped you learn to create a video portfolio in WordPress. You may additionally need to see our newbie’s information on how to boost WordPress speed and performance and our high picks for the best WordPress portfolio themes for your site.

For those who appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can even discover us on Twitter and Facebook.



Leave a Reply

Your email address will not be published. Required fields are marked *