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.

Does what it promise

Works well.

joe_bopper

Adds search box as a choice of item in navigation menus admin area.
Features include:
<ul>
<li>now compatible with the WordPress appearance customizer,</li>
<li>search box available as a choice in the admin area for navigation menus,</li>
<li>as many boxes can be added to a nav menu as one likes,</li>
<li>search boxes can be added as children of other menu items (useful for, e.g., mega-menus),</li>
<li>capacity to change button text, placeholder and css classes from the admin area to each search box,</li>
<li>hooks to modify output (see FAQ and/or code comments),</li>
<li>very lightweight,</li>
<li>in keeping styles, html, behaviour, etc., with wordpress defaults,</li>
<li>works straight out of the box, no configuration needed.</li>
</ul>
<h4>Those wanting to translate this plugin, please do.</h4>
I believe the plugin is in a translatable state and I’ll do everything I can to help in translation. It should be relatively quick as there isn’t much text to the plugin.

Bop Search Box Item Type For Nav Menus

I like the way it behaves like any menu item so you can position and decorate it how you want. Thanks to Joe for putting me right on how to get at the placeholder text.

Nice Plugin

Adds search box as a choice of item in navigation menus admin area.

Nav Menu Images vs Bop Search Box Item Type For Nav Menus