How to Use Font Awesome Twitter Bootstrap Icons in WordPress

by Sarah Gooding September 21^st, 2012 3 Responses

Using icons is a great way to add a bit of personality to your website while improving usability. One of the most efficient ways to load icons is by using a font.

Font Awesome is an iconic font designed for use with Twitter Bootstrap. The icons have cross-browser support and even support IE7, should you be so unfortunate to be have to support it. There are 220 vector icons in the font and they were designed to be infinitely scalable and compatible with screen readers.

Font Awesome Icons Plugin for WordPress:

Tutorials

How to Add Icons to WordPress Custom Menus Without Plugins

by Patrick Cohen September 5^th, 2012 13 Responses

It’s easier than you might think.
Adding icons to WordPress custom menus is a relatively simple 2-step process that does not involve any php coding whatsoever. None. Zip. Nada. Zilch. All we need to do is upload the icons we want to use to our WordPress media library, and then futz with the CSS to get stuff looking awesome.

Miscellaneous

Spice Up Your WordPress Site by Giving Categories their Own Icons

by Joe Foley December 26^th, 2011 9 Responses

One way to liven up your site a little and give it a little extra flair is to associate different icons with different categories. Or, you can do it for only one or two categories to really mark those off as different.

When you assign a category an icon, the image that you’ve chosen will show up all over your site whenever a post from that category is present.

Before we get into the code, let’s take a look at how these icons might look on your site.

Music Category Example