Portfolio Filter Icons in WordPress

In this tutorial, you will see how to add portfolio filter icons in WordPress portfolio categories to create a page design like the one in the image above.

The first step is having the portfolio already build, for it please follow this other guide https://visualmodo.com/knowledgebase/creating-a-portfolio-in-wordpress/ and after you have the portfolio already build you will need to get the icons uploaded so you can use on your categories portfolio filter, you can build your own icons pack on https://icomoon.io/app/#/select or you can download some exclusive Visualmodo Icons packs here to make all easier for you;

DESIGN https://visualmodo.com/wp-content/uploads/2017/05/design.zip

FOOD https://visualmodo.com/wp-content/uploads/2017/05/food-icons.zip

INTERFACE https://visualmodo.com/wp-content/uploads/2017/05/interface.zip

LINE ICONS https://visualmodo.com/wp-content/uploads/2017/05/linearicons.zip

SPORT https://visualmodo.com/wp-content/uploads/2017/05/sports.zip

MEDICAL https://visualmodo.com/wp-content/uploads/2017/05/medical.zip

After you have your icons pack downloaded you need to upload the pack on your WordPress. Moreover, for it make sure you have activated the exclusive WordPress Plugin Visual Elements by Visualmodo. You receive this plugin by message to download it as soon as you activate your Visualmodo theme on your WordPress, go to wp-dashboard > visual elements > icon manager > add icons > select the pack and upload.

Once you have your icons pack ready at is in the image above you will be able to hover the icon and see its name, please save the name. For example, we will use ‘svg_printer’.

Now you (with the icon name saved) will navigate to your WordPress > Projects > project categories < area and will select the portfolio posts categories, click on it to open the category editor. once you open the category editor you will see a field so you can post the icon name (svg_printer) do it and save. all done. NOTE: follow the style attached. Icon pack name – icon name (on the case the icon pack title is ‘design’ and the icon name is ‘svg_printer’.

Finally, Make sure you have set the option for icons on sortable on your PORTFOLIO page builder element when is adding the portfolio on the page so you can show the categories and it’s attached icons.

Add portfolio filter icons in WordPress by visualmodo

Award-Winning 24/7 customer service

Everyone on our Customer Care team is an experienced Visualmodo user and works in our office. We are here to give you all the support you need on your WordPress site creation!

Visualmodo WordPress Themes Support

Once again, thanks for purchasing one of our themes!

If you need any help or have any suggestions, please feel free to contact us for Help Desk. If you loved the theme, we would really appreciate it if you could rate it.