Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Create a Filterable Portfolio in WordPress

Do you want to add a filterable portfolio in WordPress?

A filterable portfolio allows your website visitors to sort and view the 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?

Most photographers and designers create beautiful portfolios 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 previous work in fashion.

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.

Filterable Portfolio Example

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

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

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

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

Add Envira Gallery License Key

Once you’ve entered the key, you should click the ‘Verify Key’ button. You will see a message that the site is now receiving updates.

Next, you need to install the tags addon. To do that, head over to Envira Gallery » Addons page and locate the Tags Addon.

Install Envira Gallery Tags Addon

Once you find it, you need to click on the ‘Install’ button.

Envira Gallery will fetch and install the addon for you, and then you will need to click on the ‘Activate’ button to start using the addon.

Activate Envira Gallery Tags Addon

Now you are ready to create your filterable portfolio.

Head over to Envira Gallery » Add New page to create your first gallery and give it a name.

Upload Your Photographs

If you want to upload your photos to the gallery, then you should click the ‘Select Files from Your Computer’ button. Or if the photos are already in the WordPress media library, then you should click the ‘Select Files from Other Sources’ button.

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

Envira Currently 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 a 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 of your gallery page. This is where you can enable or disable tag filtering for your gallery.

Enable Filtering for Your Gallery

You need to check the ‘Enable Tag Filtering?’ 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 the post or page where you want to display your filterable portfolio. If you are using the block editor, then simply add an Envira Gallery block to the article.

Add an Envira Gallery Block to a Post or Page

After that, you should click on the ‘Search for a gallery’ dropdown menu and select the gallery you published earlier.

If you are using the classic editor, then you should click the ‘Add Gallery’ button you’ll find under the post or page title.

Add Envira Gallery to Classic Editor

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 a filterable portfolio in WordPress. You may also want to learn how to speed up WordPress by saving images optimized for the web, or see our list of the best Instagram plugins for 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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

3 CommentsLeave a Reply

  1. All the photo galleries I found so far that support Tags allow filtering one tag at a time. I’d like to implement gallery where I can filter based on multiple tags to get the photos having ALL the tags. For that the Tag selection should be in a checkbox form to allow checking more than one. Can anyone point me to such solution for WP? Thanks.

  2. Really awesome article, I loved this theme and soon I will be hiring a web developer to build me a theme like this. Thanks!

Leave a Reply to Lewis Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.