Nav Menu Images is a WordPress plugin (download) that enables uploading of 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.
How to use
If you have just created menu, or you have just added new menu item, you need to save menu first before you can upload menu item image.
When menu is saved, expand menu item you want to upload image to by clicking on the arrow on the right. This will reveal additional options and a link for image uploading.
When media modal opens up, make sure that you list only images uploaded to that menu item. Do this each time you want to change or upload image.
When you upload image, just click on a button “Set featured image” to make it menu item image.
When you set image as featured, you will be returned to default menu managment screen where you can see links for removing and changing of menu item image.
Link for changing menu item image is also used when you want to upload image that is used for hover or when menu item is active.
If you want to upload image for hover or active, change tab to upload new images and upload image you want.
When image is uploaded, make sure that only that image is selected in the list from the left side. After you select it, scroll down at sidebar “Attachment details” until checkbox “Used on hover?” is visible and check it if you want to use that image on hover.
If you want to add image to show when menu item is active, follow procedure from above for adding hover image, and only check “Used when active?” checkbox.
If you want to remove image used for active or hover, just uncheck it or delete it.
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. Read a detailed guide for developers.
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.
I need feature X, will you help me?!
I’m very aware that many users need functionalities or custom solutions that aren’t available out of the box, but I can’t provide free support or custom development for your needs. If you need something like that, I’m available for hire and I can look at your problem and solve it for a fee. This will help continuous maintaining of this plugin for general usage.
Nav Menu Images code is partly based on a code from now defunct plugin Custom Menu Images by Anabelle Handdoek/∞manos s.a.s and a code from plugin Metronet Profile Picture by Ronald Huereca/Metronet Norge AS.
If you are translator, you can translate it to your language and send translations. Currently, only Serbian translation is available.
Nav Menu Images is released under the terms of GNU General Public License. It is completely free so if you find it useful you can give something back to author. Your help could be done by giving donation, translating plugin to your language, sending bugs and suggestions, promoting plugin in blogs, forums social networks, and other websites.