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… Read More »

The post How to Create a Video Portfolio in WordPress appeared first on WPBeginner.

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.

The post How to Create a Video Portfolio in WordPress appeared first on WPBeginner.

How to Create a Filterable Portfolio in WordPress

Do you want to add a filterable portfolio in WordPress? A filterable portfolio allows users to sort items in your portfolio based on tags. This helps you showcase different styles of your work, and your users can discover items that interest them. In this article,… Read More »

The post How to Create a Filterable Portfolio in WordPress appeared first on WPBeginner.

Do you want to add a filterable portfolio in WordPress? A filterable portfolio allows users to sort items in your portfolio based on tags. This helps you showcase different styles of your work, and your users can discover items that interest them. In this article, we will show you how to easily create a filterable portfolio in WordPress.

How to create a filterable portfolio in WordPress

Why Create a Filterable Portfolio in WordPress?

Normally, most photographers and designers just create a beautiful portfolio showing their best photographs. However sometimes those looking to hire you may want to see if you have done something similar before.

For example, someone looking for a fashion photographer may want to see your work in fashion.

Example of a filterable portfolio gallery

Adding filters to your portfolio allows you to show your work under different tags. It also helps your users to easily sort items in your portfolio.

Having said that, let’s take a look at how to easily create a filterable portfolio in WordPress without writing any code.

Creating a Filterable Portfolio in WordPress

First, you will need to 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 one of our premium WordPress plugin, and you will need at least the silver plan to access the tags addon.

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

Add Envira Gallery license key

Next, you need to install the tags addon. Head over to Envira Gallery » Addons page and locate the tags addon.

Installing tags addon

Click on the install button and Envira Gallery will fetch and install the addon for you. You will still need to click on the Activate button to start using the addon.

Activate addon

Now you are ready to create your filterable portfolio.

Head over to Envira Gallery » Add New page to create your first gallery.

Upload your photographs

Click on ‘Select files from your computer’ button to upload your photos. You can also click on ‘Select files from other sources’ button to select files from WordPress media library.

Envira will now upload and insert files into your gallery. Once it’s done, you can scroll down to see your images.

Edit an image in your gallery

Now you need to click on the pencil icon to edit an image. This will bring up a popup where you can add the tags and other metadata to your photos.

Add tags to your photos

Enter the tags you want to assign to this photo. You can add multiple tags separated by comma.

Once done, click on the save metadata button to store your tags.

Now you need to repeat the process to add tags to all images in your gallery.

After adding tags to your photos click on the tags tab on the left. This is where you can enable or disable tag-filtering for your gallery.

Enable filtering for your gallery

You need to check the box to enable tag filtering, and you will be able to see settings for this option.

You can show tags above or below the gallery, show all tags or select tags to show, and configure other display settings.

Once you are done, click on the publish button to make your gallery live.

Your portfolio gallery is now ready to be added to your site.

You can now create a post or page where you want to display your filterable portfolio. On the post editor screen, click on the ‘Add Gallery’ button.

Insert gallery into WordPress posts and pages

This will bring up a popup where you can select the gallery you just created and insert it into your WordPress post and page.

You can now update your post or page to save your changes and preview your website to see your filterable portfolio in action.

Preview of a filterable portfolio gallery

We hope this article helped you add filterable portfolio in WordPress. You may also want to see our WordPress tutorials such as how to speed up WordPress by saving images optimized for the web.

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.

The post How to Create a Filterable Portfolio in WordPress appeared first on WPBeginner.

How to Add a Portfolio to Your WordPress Site

Do you want to create a portfolio website with WordPress? Usually most users use a portfolio WordPress theme to showcase their creative work, but what if you wanted to add a portfolio section to your existing site? In this article, we will show you how… Read More »

To leave a comment please visit How to Add a Portfolio to Your WordPress Site on WPBeginner.

Do you want to create a portfolio website with WordPress? Usually most users use a portfolio WordPress theme to showcase their creative work, but what if you wanted to add a portfolio section to your existing site? In this article, we will show you how to add a portfolio to your WordPress site without changing theme.

Since there are multiple WordPress portfolio plugins available, we will only focus on the two best options that allow you to easily create a portfolio of almost any kind.

Portfolio in WordPress

Method 1: Adding Portfolio in WordPress using Envira Gallery

Creating a portfolio is not just about adding images of your projects with description. Your portfolio should be visually appealing and easy to navigate. This is where Envira Gallery comes in.

Envira Gallery is a responsive WordPress gallery plugin. It allows you to create beautiful image galleries and albums that look stunning on all devices and screen sizes.

Envira is a premium WordPress plugin, and you will need at least a silver licensing plan to get basic addons.

WPBeginner readers can get an exclusive 25% Off on their purchase using Envira Gallery Coupon.

First thing you need to do is install and activate the Envira Gallery plugin. Upon activation, you will need to enter your license key. You can obtain this key from your Envira Gallery account.

Verify for your Envira Gallery license key

After verifying your license key, you need to visit Envira Gallery » Settings page and then click on the add-ons tab. Next, click on the Install button next to the Album and Standalone addons and then activate them.

Installing Albums and Standalone addons

Now you can go ahead and create a gallery of your portfolio items. You should treat each gallery as a collection or folder of similar portfolio items and name them accordingly.

Creating galleries is quite simple and you can find more details in our guide on how to create responsive image galleries in WordPress using Envira Gallery.

After creating a few galleries, you need to create your portfolio album. Simply visit Envira Gallery » Albums and click on the ‘Add New’ button.

Creating a new album is very much like creating a gallery. Instead of photos, you will be adding galleries that you created earlier. Simply drag and drop galleries into your album.

Creating a portfolio album

After adding your galleries to the album, you need to click on the config tab. This is where you will configure how your album will display the galleries.

Configuring album settings

albumsettings

Once you are done, simply click on the Publish button.

Your portfolio album is now ready to be used on any page or post.

Now you can create a new WordPress page or edit an existing one where you want to display your portfolio. On the post editor screen, click on the Add Album button.

Insert portfolio album

Select the album you created earlier from the pop-up and then click on Insert Album button.

That’s all you have successfully created your portfolio in WordPress. You can now view your portfolio page in action.

You can always edit the album to configure the portfolio display settings, like adjusting the height or gallery columns.

Method 2: Adding Portfolio With Nimble Portfolio Plugin

The second option is to use a plugin called Nimble Portfolio.

First thing you need to do is install and activate the Nimble Portfolio plugin. Upon activation, the plugin will add a new new menu item labeled ‘Nimble Portfolio’ to your WordPress admin bar. You need to visit Nimble Portfolio » Add Portfolio Item to start building your portfolio.

Add new portfolio item

Start by providing a title and description for the portfolio item. Next, you need to add or select filters.

Filters are like categories that allow users to sort your portfolio items.

Below the post editor, you will see portfolio options. Here you can upload an image or enter a video URL. You can also enter complete URLs of a video from YouTube or Vimeo here.

This image or video will be shown to visitors in a popup when they click on a portfolio item.

Adding portfolio media, image and featured image

Lastly, you need to upload a featured image. This featured image will be displayed on the portfolio grid.

Once you are done click on the publish button. Repeat the process to add other portfolio items.

After you have added a couple of portfolio items, it is time to display them on your website.

Simply create a new page and enter Portfolio as the title. In the post editor box, paste this shortcode:

[nimble-portfolio]

That’s all, you have successfully added a portfolio section to your WordPress site. You can now view your site to see it in action.

Portfolio section on a WordPress site

We hope this article helped you add a portfolio to your WordPress site. You may also want to see our tutorial on how to add rotating testimonials in WordPress.

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.

To leave a comment please visit How to Add a Portfolio to Your WordPress Site on WPBeginner.