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.