To display the icons in the sidebar, you have 2 solutions :
1. Use the widget
Go to Appearance > Widgets and drag Category Icons Widget to the right. You can have multiple Category Icons widgets.
Category Icons Widget
Category Icons Widget Settings
2. Manually
In the sidebar.php page of your WordPress theme, you must use the put_cat_icons function.
You have 2 solutions :
1. With the widget, just put
icons_only=true
in the parameters.
2. Manually, i.e. in the sidebar.php page of your WordPress theme, you must use the put_cat_icons function:
put_cat_icons(wp_list_categories('title_li=&echo=0'),'icons_only=true');
If you don’t want the word Categories to be displayed, just enter a space in the title of the widget.
Just put a space in the title field
If you want to do the same without the widget, search for the following code in sidebar.php :
<?php _e('Categories'); ?>
and delete it.
A “bug” is corrected. I forgot to not localize the widget id…
Sometimes, you don’t want to have a border around the icons. Try one of these solutions :
1. In the posts
In your template file, put the following code if you want no link and no border (most of the time, just ‘link=false’ do the trick) :
get_cat_icon('class=myicons&link=false');
with this added in your style.css file :
.myicons {
border: 0px;
border-style:none;
}
2. In the sidebar
Use the put_cat_icons() function. Example :
put_cat_icons(wp_list_categories('echo=0'),'class=myicons');
But you can also use the widget as an alternative, which is easier, but don’t forget to activate it. You’ll need to enter the following parameters in put_cat_icons() field :
class=myicons
with this in your style.css :
.myicons {
border: 0px;
}
3. Use the border parameter
Important ! If you use the border parameter, your page will not be valid XHTML Strict.
In your pages and posts :
get_cat_icon('border=false');
In the sidebar :
put_cat_icons(wp_list_categories(’echo=0′),’border=false’);
In the widget parameters:
border=false
