Milan Dinić

<p><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></p>
<p>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.</p>
<p>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>.</p>
<p>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.</p>
<p>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.</p>
<p>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<br />
</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>.</p>


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.

LuckyWP

<p>Add <a href="https://codex.wordpress.org/Navigation_Menus" rel="nofollow ugc">navigation menu</a> field type to <a href="https://wordpress.org/plugins/advanced-custom-fields/" rel="ugc">Advanced Custom Fields</a>.</p>
<h4>Features</h4>
<ul>
<li>Customizable return value: ID, object (WP_Term) or HTML (use function <a href="https://developer.wordpress.org/reference/functions/wp_nav_menu/" rel="nofollow ugc">wp_nav_menu()</a>).</li>
<li>Hook filter <code>lwpamf_wp_nav_menu_args</code> to change arguments of <a href="https://developer.wordpress.org/reference/functions/wp_nav_menu/" rel="nofollow ugc">wp_nav_menu()</a> function.</li>
</ul>
<h3>Compatibility</h3>
<p>LuckyWP ACF Menu Field is compatible with:</p>
<ul>
<li>Advanced Custom Fields 5</li>
<li>Advanced Custom Fields PRO 5</li>
<li>Advanced Custom Fields 6</li>
<li>Advanced Custom Fields PRO 6</li>
</ul>


LuckyWP ACF Menu Field

Thank you very, very much for making this. It saved so much time. 

Excellent!!!!

Add navigation menu field type to Advanced Custom Fields

Nav Menu Images vs LuckyWP ACF Menu Field