Portfolio Filter Icons in WordPress

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/docs/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

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

Can’t find what you’re looking for? #