Joe Ponzio

Add Font Awesome 4 icons to your WordPress menus and site without touching a single line of code! With this plugin, just add fa-(icon name) as a class/classes to your menu and the plugin will pull that out, put the icon before or after your link text, and wrap your link text in a span so you can show or hide it as you see fit.
In Font Awesome 4 Menus, we have added the ability to add multiple Font Awesome classes for multiple effects (eg, fa-home fa-fw fa-2x will add a fixed-width home icon at two times the normal size).
In addition, we have given you shortcodes to add icons to your posts and pages, as well as shortcodes to take advantage of the new stacked feature of Font Awesome 4.

Font Awesome 4 Menus

The plugin does just what it promises. Thanks.

Just what we were looking for

Allows you to add Font Awesome 4 icons to your WordPress menus or anywhere on your site. No programming necessary!

Milan Dinić

<a href="http://blog.milandinic.com/wordpress/plugins/nav-menu-images/" rel="nofollow ugc">Plugin homepage</a> | <a href="http://blog.milandinic.com/" rel="nofollow ugc">Plugin author</a> | <a href="http://blog.milandinic.com/donate/" rel="nofollow ugc">Donate</a>
This plugin enables you to upload images for nav menu items on a menu edit screen. By default, those images will be displayed instead of text for respective menu items. Note that after upload, you should set an image as ‘featured’ to be able to display it.
You can also set images that will be displayed only when you hover menu item, or when menu item is of currently displayed page. <a href="http://blog.milandinic.com/wordpress/plugins/nav-menu-images/#how-to-use" rel="nofollow ugc">Read detailed instructions about using plugin</a>.
Developers can use many available filters to make their own way of displaying images, or even create a child class on top of base one. See source code for more ideas.
Although this plugin displays uploaded images out of the box, it will probably not give best possible look, so it’s recommended to create custom CSS styles for affected elements.
Nav Menu Images code is partly based on a code from now defunct plugin Custom Menu Images by <a href="http://huellaspyp.com/" rel="nofollow ugc">Anabelle Handdoek 
</a>/<a href="http://8manos.com/" rel="nofollow ugc">∞manos s.a.s</a> and a code from plugin <a href="https://wordpress.org/extend/plugins/metronet-profile-picture/" rel="ugc">Metronet Profile Picture</a> by <a href="http://www.ronalfy.com/" rel="nofollow ugc">Ronald Huereca</a>/<a href="http://www.metronet.no/" rel="nofollow ugc">Metronet Norge AS</a>.

Nav Menu Images

Great and light weight plugin, without affecting core functionality of WordPress.



Code quality

Does what it's supposed to.
Would love the possibility to choose wether or not to replace all link content - would be nice if the link text would still be shown + adding a custom class to image.

Font Awesome 4 Menus vs Nav Menu Images