Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

how-to-create-filterable-portfolio-wordpress

How to Create a Filterable Portfolio in WordPress

Last updated on Jun 21, 2017 by Waseem Abbas

Are you creating a filterable portfolio with WordPress? As a photographer, you may want your portfolio to be filterable using multiple tags (e.g. “weddings”, “portrait”, “newborn”, etc.). In this tutorial, we will share how to create a filterable portfolio in WordPress.

By default, there’s no option to filter a portfolio in WordPress. You’ll need a plugin like Envira Gallery to add tags to your photos or images and add filtering capability to your portfolio.

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

To create a filterable portfolio in WordPress, you’ll need to follow these 6 steps:

  • Step 1. Install and activate Envira Gallery plugin
  • Step 2. Create an image gallery in Envira
  • Step 3. Install and activate Tags Addon
  • Step 4. Add filters to images
  • Step 5. Publish your filterable portfolio and copy the shortcode
  • Step 6. Display your filterable portfolio on a post or page

By the end of this tutorial, you’ll have a filterable portfolio on your site that looks something like this:

Filterable Portfolio

Ready to get started? Let’s go!

Step 1: Install and Activate Envira Gallery Plugin

First thing you need to do is to install and activate Envira Gallery plugin.

Envira Gallery

For more details, check out this guide on how to install Envira.

Step 2: Install and Activate Tags Addon

Once you’ve installed and activated Envira, you can go to Envira Gallery » Addons to install and activate the Tags addon.

Tags Addon

(You must have Envira’s Plus or higher license to access this addon. Check out how to upgrade your license in Envira for more details.)

Step 3: Create an Image Gallery in Envira

Next, you can go to Envira Gallery » Add New to create your first image gallery. This will become your filterable portfolio.

Add New Gallery

Drag and drop your photos into the Native Envira Gallery section.

Add Images

For more details on creating a photo gallery with Envira, check out how to create an image gallery with thumbnails in WordPress.

Step 4: Add Filters to Images

Once you’ve added your photos, go ahead and scroll down to the Images tab. Then click on the pencil icon next to the image thumbnail to edit the photo.

edit-image-filterableportfolio

Now you will see the option to edit the metadata of this photo. In the Tags field, go ahead and add a tag to this image.

Edit Metadata

After adding your tag, click on the Save Metadata button.

Repeat this process to tag each of the photos in your gallery.

Step 5: Publish Your Filterable Portfolio and Copy the Shortcode

Once you are done adding tags to all your images, go ahead and hit the Publish button.

You’ll see the shortcode and some other information in the Envira Code widget. Copy the shortcode from here (you’ll need it for the next step).

Copy Shortcode

Step 6: Display Your Filterable Portfolio in a Post or Page

Finally, go to Posts/Pages » Add New or edit an existing post/page. In the visual editor, simply paste the shortcode and click on the Update button.

Add Shortcode

That’s all. You can go to your site to see your filterable portfolio.

Filterable Portfolio

We hope this article has helped you to learn how to create a filterable portfolio in WordPress. To save time adding tags to your photos, you may also want to check out our guide on how to add automatic image tagging in WordPress.

If you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.

Using WordPress and want to get Envira Gallery free?

Envira Gallery helps photographers create beautiful photo and video galleries in just a few clicks so that they can showcase and sell their work.

Comments

  1. Looks great, but can tags be two or more words? For example, can a vacation gallery have “Grand Canyon” (two words) as a tag? It’s not mentioned and I’ve noticed this is a shortcoming of some of the other filtering systems out there. Thanks.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.