There are lots of good plugins out there for displaying social media profiles on your site, but what if you want to use your own icons? And you want your client to be able to easily manage the links to these social profiles? The solution is to create a custom menu in WordPress with unique CSS styles assigned to each of those menu items. But how?

Here’s what we worked on: A custom menu with unique icons for Twitter, YouTube and Facebook:

After searching the web for how to add images to the WordPress custom menu, we tried the Custom Menu Images plugin with no success. We even tried some crazy workarounds like trying to put the image path inside the navigation label! WTW?! Crazy, but true. And it didn’t even work in the end. It printed out the character tag < reading the HTML instead of rendering it.

And then, we saw the light! In the form of the Screen Options pull down tab right there in the Custom Menu screen in front of our faces! Well, actually the light came from this post that told us where to look. How did we ever miss it? It was so obvious! Once you know where to look, that is. So here’s what to do:

1. Go into your Custom Menu (functionality added in WordPress 3.0) under Appearance > Menus
2. Click on Screen Options in the top right corner of your screen
3. Check the checkbox next to CSS Styles in the Show Advanced Menu Properties
4. Create your menu
5. In your menu item, in the CSS Classes field, enter the name of the CSS style you want to associate with that menu item. Just the name of the class without the period. Ex. “twitterstyle”
6. Go into your CSS file and add the style and add images and/or styles as you see fit.

That’s it. More coolness that Screen Options can do, Show more pages in your WordPress Dashboard.

This post was originally published at How to add images and styles to the WordPress custom menu on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

User Interface Icons.com has released 140 very pretty icons in .png format, and in 3 different sizes: 48×48 pixels, 32×32 pixels, and 24×24 pixels. Definitely worth adding to your icon arsenal.

This post was originally published at User Interface Icons in three different sizes on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

iLemoned points us to Zeusbox Studio’s update to their Feedicons icon pack.

This post was originally published at More feed icons on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

Everaldo has a few icon sets available for download. They are really beautiful:

Download the Crystal Icon Set>>

This post was originally published at Crystal icon set – free beautiful icons on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

I love icons. They’re just so…cute. I also find that, when used in the right places, they really add a nice touch to blogs.

Iconlet is an icon search engine. It’s minimalist home page has a search field, and you enter the type of icon you are looking for. I did some test searches for “save,” “search,” “rss,” and “emoticons, with great results.

Iconlet>>

This post was originally published at Iconlet – the icon search engine on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

Need I say more?

Web 2.0 icons from UtomBox>> 

This post was originally published at Web 2.0 icons from UtomBox on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

150+ clean and clear icons to use in your nifty web application. They are licenced under a Creative Commons licence, so commercial use is fine. Also feel free to make derivatives with the included Photoshop documents.

sweetie icons>>

This post was originally published at Sweetie icons on WP Garage - WP Garage - wordpress tricks, hacks, and tips.