How toHow to use Category Icons with Recent Posts

Since v2.1, you can display the category icons with Rob Marsh‘s Recent Posts plugin. Here is how. In Recent Posts, go to Output, enter {caticons} in the field, and click on Save Output Settings :

Rob Marsh's Recent Posts plugin

Rob Marsh's Recent Posts plugin

If you use the widget, it’ll be displayed like this in the default WordPress theme :

Category Icons with Recent Posts

Category Icons with Recent Posts

If you want to make the icons align vertically, use CSS. So instead of :

<li>{caticons} {link} by {author}</li>

try this :

<li class="myicons">{caticons} {link} by {author}</li>

with this lines in style.css :

.myicons img {
  vertical-align:middle;
}

You’ll have something like this :

Category Icons with Recent Posts - Align vertically

Category Icons with Recent Posts - vertical alignment

5 thoughts on “How to use Category Icons with Recent Posts

  1. Hi

    I am using this plugin with recent post plugin and as you can see on the home page of my site it is working in a fashion but i have a small problem in that it only shows the category image (shouting face in traffic light colours) if the category that has the image is the first assigned to the post, ie i have multiple categories and assign my posts to more than one category. 4 out of say 20 categories have an image and i want it to show that image to the right of the post using recent posts plugin. I just cant seem to get it to show the image if hte post has multiple categories and the first category does not have an image assigned?

  2. I have also problem with displaying big icons. Right now only small icons are displayed. Is there anything (maybe an switch/option) I could use to display big icons where needed. Regards