Taxonomies are ways to group your content in WordPress. Most people never hear or use this term unless they are well-versed in WordPress, but we all use taxonomies on a daily basis. Some taxonomies that you probably know of are: Categories and Tags. But taxonomies are not limited to just category and tags. Anyone can simply register additional custom taxonomies depending on their needs. In this article, we will show you how to add taxonomy images in WordPress. In other words, cool way to add image icons to your WordPress categories or tags.
First thing you need to do is install and activate the plugin called Taxonomy Images.
Once you have activated the plugin, a new menu option will appear under Settings » Taxonomy Images. The screen will look something like this:
Note: We don’t have any custom taxonomies listed, so the only ones that are showing are the default ones. Check the one you want to add images to. Then you need to visit that taxonomy page. For example: Posts » Categories
You will see new icon added next to each category.
All you have to do is simply click on the icon, and it will open the media uploader. Select the image from your computer, and you are good to go.
Michael Fields, the plugin author has a lot of ways you can display the images on the plugins page. So we recommend that you visit that page for code snippets.
Usually taxonomy images are used on a very custom project, so they are different for everyone.
We recently had to build out a portfolio site for a client where we utilized custom post types to showcase the work, and custom taxonomy to group the work by each client. So we had a custom post type called “Work” and a Taxonomy called “Client”. This was the best and easiest way to showcase the work this company did for their clients. Because it is a content producing agency, they had multiple items associated with each client. So using clients as a taxonomy was the best idea because it allowed us to tag multiple work-items to each client. The problem occurred when they asked us to showcase their client logos on the homepage in a jQuery slider. We looked around and found this plugin which worked perfectly.
In the image below, you can see the preview of this plugin. Each of those logos are the clients of this company. The images are being pulled from taxonomy images.