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.

codetoolbox

<p>My Boostrap Menu is a fully customizable plugin that applies the Bootstrap formatting classes to any WordPress Navigation Menu. <a href="http://getbootstrap.com/components/#navbar" rel="nofollow ugc">Bootstrap</a> provides responsive menus for phones, tablets and desktops.</p>
<p>The plugin allows the user to select a menu by name, or by selecting your theme’s menu location. This gives extreme flexibility for theme developers, allowing multiple menus to be formatted as bootstrap menus- e.g. one fixed at the top and another at the bottom of the screen!</p>
<p>Works with all levels of Sub-menus! These were removed from Bootstrap in version 3, however we have included the original styles and each level will be correctly styled.</p>
<p>‘My Boostrap Menu’ is built on the <a href="http://www.codetoolbox.net/wordpress/wordpress-plugins/my-plugin-settings/" rel="nofollow ugc">‘My Plugin Settings’</a> framework which creates simple and intuitive user interfaces for input forms; including media dialogues and the popup selection of <a href="http://glyphicons.com/" rel="nofollow ugc">Bootstrap Glyphicons</a>.</p>
<p>More information here: <a href="http://www.codetoolbox.net/wordpress/wordpress-plugins/my-bootstrap-menu/" rel="nofollow ugc">My Bootstrap Menu</a></p>
<h4>Features</h4>
<p>Fully customizable labels, logos, icons, formatting and alignment make this the most user and developer friendly menu tool. Additional styles have been included to tweak basic formatting issues when using Bootstrap navbars with WordPress. Each Menu can be Bootstrapped and configured with settings:</p>
<h4>Choose your menu type</h4>
<ul>
<li>Navbar</li>
<li>Tabs</li>
<li>Pills</li>
<li>Buttons</li>
<li>Button Group</li>
</ul>
<h4>Select a menu location</h4>
<ul>
<li>Fixed to the top of the screen</li>
<li>Fixed to the bottom</li>
<li>Static Top</li>
</ul>
<h4>Choose to display:</h4>
<ul>
<li>Title</li>
<li>Logo</li>
<li>Login, Register</li>
<li>Search</li>
</ul>
<h4>Upload a custom Logo</h4>
<ul>
<li>Optional logo for the Mobile version</li>
</ul>
<h4>Custom Search box</h4>
<ul>
<li>Select a Glyhpicon, button type and labels</li>
<li>Choose default text for the search input box</li>
</ul>
<h4>Custom Login and Register buttons</h4>
<ul>
<li>Select Glyphicons and label text</li>
</ul>
<h4>Formatting</h4>
<ul>
<li>Align any/all menu elements left or right!</li>
<li>Customize the button menu style</li>
<li>Customize Sub-menu dropdowns and links<br />
Advanced Options!</li>
<li>Optional container classes</li>
<li>Include WordPress default classes or not</li>
<li>Optional fixes for fixed top menus<br />
All files included</li>
<li>Select whether to load the included versions of Boostrap and custom css.</li>
</ul>
<h3>About us</h3>
<p>This plugin has been developed by <a href="http://www.michaelcarder.com/" rel="nofollow ugc">Michael Carder Ltd</a>. It is is built on the <a href="http://www.codetoolbox.net/wordpress/wordpress-plugins/my-plugin-settings/" rel="nofollow ugc">‘My Plugin Settings’</a> framework which creates simple and intuitive user interfaces for input forms; including media dialogues and the popup selection of <a href="http://glyphicons.com/" rel="nofollow ugc">Bootstrap Glyphicons</a>.</p>
<p><a href="http://www.michaelcarder.co.uk/contact-us" rel="nofollow ugc">‘Contact us’</a> for more information.</p>


My Bootstrap Menu


This plugin is old but it is still working with Bootstrap 3 very well.



The plugin itself also delete all their options in the DB and leave no junk on uninstall. Very good!



Event I did not use this plugin on my real project because design is conflict and hard to fix/change with my theme but I still confirm that this plugin is working!


It's working

My Boostrap Menu is a fully customizable plugin that applies the Bootstrap formatting classes to any Wordpress Navigation Menu.

Nav Menu Images vs My Bootstrap Menu