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.
Why Create a Filterable Portfolio in WordPress?
Most photographers and designers create beautiful portfolios showing their best photographs. However, sometimes, people looking to hire you may want to see if you have done something similar before.
For example, someone looking for a fashion photographer might 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.
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
If you don’t like the video or need more instructions, then just 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.
Once you have 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 the Envira Gallery » Addons page and find the 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.
Now, you are ready to create your filterable portfolio.
Head over to the Envira Gallery » Add New page to create your first gallery and give it a name.
If you want to upload your photos to the gallery, then you should click the ‘Select Files from Your Computer’ button.
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.
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.
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.
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, simply click on the ‘Publish’ button to make your gallery live. Your portfolio gallery is now ready to be added to your site.
Adding the Filterable Portfolio to Your WordPress Website
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.
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 that you will find under the post or page title.
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.
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.
Haim says
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.
divp says
nice one keep sharing
Lewis says
Really awesome article, I loved this theme and soon I will be hiring a web developer to build me a theme like this. Thanks!