{"id":750,"date":"2013-05-23T03:03:19","date_gmt":"2013-05-23T03:03:19","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/menu-image\/"},"modified":"2025-07-20T23:15:26","modified_gmt":"2025-07-20T23:15:26","slug":"menu-image","status":"publish","type":"plugin","link":"https:\/\/sk.wordpress.org\/plugins\/menu-image\/","author":8668096,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"3.13","stable_tag":"3.13","tested":"6.7.5","requires":"4.4.0","requires_php":"","requires_plugins":null,"header_name":"Menu Image","header_author":"Freshlight Lab","header_description":"","assets_banners_color":"9d9d9c","last_updated":"2025-07-20 23:15:26","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.buymeacoffee.com\/ruiguerreiro","header_plugin_uri":"https:\/\/www.freshlightlab.com\/menu-image-wordpress-plugin\/?utm_source=wprepo-menu-image&utm_medium=wprepo_readme&utm_campaign=Plugin+URI","header_author_uri":"https:\/\/www.freshlightlab.com\/?utm_source=wprepo-menu-image&utm_medium=wprepo_readme&utm_campaign=Author+URI","rating":4.5,"author_block_rating":0,"active_installs":100000,"downloads":2092062,"num_ratings":123,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.0":{"tag":"2.0","author":"zviryatko","date":"2014-05-18 11:47:03"},"2.1":{"tag":"2.1","author":"zviryatko","date":"2014-05-26 05:58:08"},"2.2":{"tag":"2.2","author":"zviryatko","date":"2014-05-29 08:12:34"},"2.3":{"tag":"2.3","author":"zviryatko","date":"2014-05-31 12:53:08"},"2.4":{"tag":"2.4","author":"zviryatko","date":"2014-10-28 21:32:31"},"2.7.0":{"tag":"2.7.0","author":"zviryatko","date":"2019-01-08 20:46:09"},"2.9.1":{"tag":"2.9.1","author":"takanakui","date":"2019-07-17 11:33:10"},"2.9.2":{"tag":"2.9.2","author":"takanakui","date":"2019-08-01 11:48:21"},"2.9.3":{"tag":"2.9.3","author":"takanakui","date":"2019-09-05 13:22:46"},"2.9.4":{"tag":"2.9.4","author":"takanakui","date":"2019-09-05 22:49:04"},"2.9.5":{"tag":"2.9.5","author":"takanakui","date":"2020-04-06 11:22:06"},"2.9.6":{"tag":"2.9.6","author":"takanakui","date":"2020-04-06 11:35:57"},"2.9.7":{"tag":"2.9.7","author":"takanakui","date":"2020-08-18 19:59:42"},"3.0":{"tag":"3.0","author":"takanakui","date":"2020-12-17 19:18:09"},"3.0.1":{"tag":"3.0.1","author":"takanakui","date":"2020-12-18 17:43:23"},"3.0.2":{"tag":"3.0.2","author":"takanakui","date":"2021-01-02 17:09:36"},"3.0.3":{"tag":"3.0.3","author":"takanakui","date":"2021-01-13 14:26:00"},"3.0.4":{"tag":"3.0.4","author":"takanakui","date":"2021-10-15 18:21:41"},"3.0.5":{"tag":"3.0.5","author":"takanakui","date":"2021-11-01 11:23:48"},"3.0.6":{"tag":"3.0.6","author":"takanakui","date":"2022-03-03 17:09:16"},"3.0.7":{"tag":"3.0.7","author":"takanakui","date":"2022-03-05 19:25:08"},"3.0.8":{"tag":"3.0.8","author":"takanakui","date":"2022-06-24 09:47:28"},"3.0.9":{"tag":"3.0.9","author":"takanakui","date":"2023-06-15 21:48:44"},"3.10":{"tag":"3.10","author":"takanakui","date":"2023-07-16 23:49:54"},"3.11":{"tag":"3.11","author":"takanakui","date":"2023-12-27 20:45:12"},"3.12":{"tag":"3.12","author":"takanakui","date":"2024-11-15 21:46:52"},"3.13":{"tag":"3.13","author":"takanakui","date":"2025-07-20 23:15:26"}},"upgrade_notice":[],"ratings":{"1":13,"2":3,"3":0,"4":0,"5":107},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2123398,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":2441835,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.0","2.1","2.2","2.3","2.4","2.7.0","2.9.1","2.9.2","2.9.3","2.9.4","2.9.5","2.9.6","2.9.7","3.0","3.0.1","3.0.2","3.0.3","3.0.4","3.0.5","3.0.6","3.0.7","3.0.8","3.0.9","3.10","3.11","3.12","3.13"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2441835,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2441835,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2441835,"resolution":"3","location":"assets","locale":""}},"screenshots":{"1":"Add FontAwesome Icons to menu item","2":"Add DashIcons Icons to menu item","3":"Add images to menu item"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[498,133,1865,2867,1753],"plugin_category":[43,48,50],"plugin_contributors":[78154,200112,81572],"plugin_business_model":[],"class_list":["post-750","plugin","type-plugin","status-publish","hentry","plugin_tags-icons","plugin_tags-image","plugin_tags-menu","plugin_tags-nav-menu","plugin_tags-navigation","plugin_category-customization","plugin_category-language-tools","plugin_category-media","plugin_contributors-freemius","plugin_contributors-freshlightlab","plugin_contributors-takanakui","plugin_committers-freshlightlab","plugin_committers-takanakui"],"banners":{"banner":"https:\/\/ps.w.org\/menu-image\/assets\/banner-772x250.png?rev=2441835","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/menu-image\/assets\/icon-128x128.png?rev=2123398","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/menu-image\/assets\/screenshot-1.png?rev=2441835","caption":"Add FontAwesome Icons to menu item"},{"src":"https:\/\/ps.w.org\/menu-image\/assets\/screenshot-2.png?rev=2441835","caption":"Add DashIcons Icons to menu item"},{"src":"https:\/\/ps.w.org\/menu-image\/assets\/screenshot-3.png?rev=2441835","caption":"Add images to menu item"}],"raw_content":"<!--section=description-->\n<p>Easily add an image or icon in a menu item. Creating a better website menu.\nControl the position of the image or icon and also it's size.<\/p>\n\n<p>With Menu Image plugin you can do more, check some of the features:<\/p>\n\n<ul>\n<li>[New] FontAwesome Icons<\/li>\n<li>[New] DashIcons Icons<\/li>\n<li>Hide Title and show only image or icon.<\/li>\n<li>Add Image \/ Icon on the Left of the menu item title.<\/li>\n<li>Add Image \/ Icon on the Right of the menu item title.<\/li>\n<li>Add Image \/ Icon on the Above of the menu item title.<\/li>\n<li>Add Image \/ Icon on the Below of the menu item title.<\/li>\n<li>Switch images \/ icons on mouse over the menu item.<\/li>\n<li>[PREMIUM] Convert menu items into Call to action buttons.<\/li>\n<li>[PREMIUM] Add count bubble to menu items (Cart total, category total, custom function) menu items.<\/li>\n<li>[PREMIUM] Notification badges on the menu items (New, Sale, Hiring, etc).<\/li>\n<li>[PREMIUM] Color customization of the buttons, badges and bubbles.<\/li>\n<li>[PREMIUM] Disable Menu Image in Mobile devices<\/li>\n<\/ul>\n\n<h4>Links<\/h4>\n\n<ul>\n<li><a href=\"https:\/\/www.freshlightlab.com\/menu-image-wordpress-plugin\/?utm_source=wprepo-menu-image&amp;utm_medium=wprepo_readme&amp;utm_campaign=menu_image_premium_readme_link\">Menu Image Premium<\/a><\/li>\n<li><a href=\"https:\/\/www.freshlightlab.com\/documentation\/?utm_source=wprepo-menu-image&amp;utm_medium=wprepo_readme&amp;utm_campaign=menu_image_documentation_readme_link\">Documentation<\/a><\/li>\n<li><a href=\"https:\/\/www.freshlightlab.com\/contact-us\/?utm_source=wprepo-menu-image&amp;utm_medium=wprepo_readme&amp;utm_campaign=menu_image_contact_readme_link\">Creat support ticket<\/a><\/li>\n<\/ul>\n\n<h4>Related Plugins<\/h4>\n\n<ul>\n<li><p><a href=\"https:\/\/www.wpmobilemenu.com\/?utm_source=wordpressorg&amp;utm_medium=menu-image&amp;utm_campaign=plugin-description\">Mobile Menu<\/a>: WP Mobile Menu is the best WordPress responsive mobile menu. Provide to your mobile visitor an easy access to your site content using any device smartphone\/tablet\/desktop.<\/p><\/li>\n<li><p><a href=\"https:\/\/www.freshlightlab.com\/pay-with-stripe\/?utm_source=wprepo-menu-image&amp;utm_medium=wprepo_readme&amp;utm_campaign=pay_with_stripe_readme_link\">Pay With Stripe<\/a>: Easily Sell your products with Stripe on your WordPress website without any other complex e-commerce solution.<\/p><\/li>\n<\/ul>\n\n<p>What people is saying!<\/p>\n\n<blockquote>\n  <p><code>Easy to use and good author support<\/code>\n  This plugin is a good solution to easily include an image in a menu. Excellent support from plugin author!<\/p>\n  \n  <p>@dwoolworth824<\/p>\n  \n  <p><code>Best plugin for adding a logo to your navigation<\/code>\n  I'd definitely recommend this plugin if you need to add a logo to your navigation in WordPress. The support provided is so 5 stars!<\/p>\n  \n  <p>@manmade1<\/p>\n<\/blockquote>\n\n<!--section=installation-->\n<ol>\n<li>Upload <code>menu-image<\/code> to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<li>Go to <code>\/wp-admin\/nav-menus.php<\/code><\/li>\n<li>Edit exist menu item or add new menu item and just upload image than click <code>Save Menu<\/code><\/li>\n<li>See your menu on site<\/li>\n<li>(WMPL users only) Goto WPML &gt; WP Menus Sync and click to <code>Sync<\/code><\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='how%20to%20install%20menu%20image%3F'><h3>How to install Menu Image?<\/h3><\/dt>\n<dd><p>Check this article in the following <a href=\"https:\/\/www.freshlightlab.com\/documentation\/menu-image-docs\/how-to-install-menu-image\/?utm_source=wprepo-menu-image-readme&amp;utm_medium=user%20website&amp;utm_campaign=readme_faqs_menu_image\">link<\/a><\/p><\/dd>\n<dt id='how%20to%20enable%20menu%20image%3F'><h3>How to enable Menu Image?<\/h3><\/dt>\n<dd><p>Check this article in the following <a href=\"https:\/\/www.freshlightlab.com\/documentation\/menu-image-docs\/how-to-enable-menu-image\/?utm_source=wprepo-menu-image-readme&amp;utm_medium=user%20website&amp;utm_campaign=readme_faqs_menu_image\">link<\/a><\/p><\/dd>\n<dt id='how%20to%20add%20icons%20to%20menu%20items%3F'><h3>How to add Icons to Menu Items?<\/h3><\/dt>\n<dd><p>Check this article in the following <a href=\"https:\/\/www.freshlightlab.com\/documentation\/menu-image-docs\/add-icons-to-wordpress-menu\/?utm_source=wprepo-menu-image-readme&amp;utm_medium=user%20website&amp;utm_campaign=readme_faqs_menu_image\">link<\/a><\/p><\/dd>\n<dt id='how%20to%20add%20custom%20css%20to%20menu%20image%3F'><h3>How to add custom CSS to Menu Image?<\/h3><\/dt>\n<dd><p>Check this article in the following <a href=\"https:\/\/www.freshlightlab.com\/documentation\/menu-image-docs\/add-custom-css-to-menu-image\/?utm_source=wprepo-menu-image-readme&amp;utm_medium=user%20website&amp;utm_campaign=readme_faqs_menu_image\">link<\/a><\/p><\/dd>\n<dt id='how%20to%20change%20menu%20image%20sizes%3F'><h3>How to change menu image sizes?<\/h3><\/dt>\n<dd><p>Check this article in the following <a href=\"https:\/\/www.freshlightlab.com\/documentation\/menu-image-docs\/change-menu-image-sizes\/?utm_source=wprepo-menu-image-readme&amp;utm_medium=user%20website&amp;utm_campaign=readme_faqs_menu_image\">link<\/a><\/p><\/dd>\n<dt id='i%20have%20a%20doubt%20and%20need%20help.%20how%20to%20contact%20the%20support%3F'><h3>I have a doubt and need help. How to contact the support?<\/h3><\/dt>\n<dd><p>Check this article in the following <a href=\"https:\/\/www.freshlightlab.com\/documentation\/menu-image-docs\/how-to-get-support-from-menu-image\/?utm_source=wprepo-menu-image-readme&amp;utm_medium=user%20website&amp;utm_campaign=readme_faqs_menu_image\">link<\/a><\/p><\/dd>\n<dt id='how%20to%20purge%20correctly%20the%20browser%20cache%3F'><h3>How to purge correctly the browser cache?<\/h3><\/dt>\n<dd><p>Check this article in the following <a href=\"https:\/\/www.freshlightlab.com\/documentation\/menu-image-docs\/how-to-correctly-purge-cache-wordpress-website\/?utm_source=wprepo-menu-image-readme&amp;utm_medium=user%20website&amp;utm_campaign=readme_faqs_menu_image\">link<\/a><\/p><\/dd>\n<dt id='how%20to%20dequeue%20menu-image.css%3F'><h3>How to dequeue menu-image.css?<\/h3><\/dt>\n<dd><p>Check this article in the following <a href=\"https:\/\/www.freshlightlab.com\/documentation\/menu-image-docs\/how-to-dequeue-menu-image-css\/?utm_source=wprepo-menu-image-readme&amp;utm_medium=user%20website&amp;utm_campaign=readme_faqs_menu_image\">link<\/a><\/p><\/dd>\n<dt id='can%27t%20load%20menu%20image%20using%20https%3F'><h3>Can't load Menu Image using HTTPS?<\/h3><\/dt>\n<dd><p>Check this article in the following <a href=\"https:\/\/www.freshlightlab.com\/documentation\/menu-image-docs\/cant-load-menu-image-using-https\/?utm_source=wprepo-menu-image-readme&amp;utm_medium=user%20website&amp;utm_campaign=readme_faqs_menu_image\">link<\/a><\/p><\/dd>\n<dt id='problems%20after%20updating%20the%20plugin.%20the%20update%20messed%20the%20site'><h3>Problems after updating the plugin. The update messed the site<\/h3><\/dt>\n<dd><p>Check this article in the following <a href=\"https:\/\/www.freshlightlab.com\/documentation\/menu-image-docs\/problems-after-updating-the-menu-image-wordpress-plugin\/?utm_source=wprepo-menu-image-readme&amp;utm_medium=user%20website&amp;utm_campaign=readme_faqs_menu_image\">link<\/a><\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h3>3.13<\/h3>\n\n<ul>\n<li>Fix! - Adjust image size on preview<\/li>\n<li>Improvment! - Update Freemius SDK<\/li>\n<\/ul>\n\n<h3>3.12<\/h3>\n\n<ul>\n<li>Fix! - Compatibility with WP 6.7<\/li>\n<li>Improvment! - Update Freemius SDK<\/li>\n<\/ul>\n\n<h3>3.11<\/h3>\n\n<ul>\n<li>Fix - Security fix<\/li>\n<li>Fix - Update Freemius SDK<\/li>\n<\/ul>\n\n<h3>3.10<\/h3>\n\n<ul>\n<li>Fix - Update Freemius SDK<\/li>\n<\/ul>\n\n<h3>3.0.9<\/h3>\n\n<ul>\n<li>Fix - Added Compatibility with latest WordPress<\/li>\n<li>Fix - Update Freemius SDK<\/li>\n<\/ul>\n\n<h3>3.0.8<\/h3>\n\n<ul>\n<li>Fix - Added new capability check<\/li>\n<\/ul>\n\n<h3>3.0.7<\/h3>\n\n<ul>\n<li>Fix - Security Fix<\/li>\n<\/ul>\n\n<h3>3.0.6<\/h3>\n\n<ul>\n<li>Fix - Security Fix<\/li>\n<\/ul>\n\n<h3>3.0.5<\/h3>\n\n<ul>\n<li>Improvment \u2013 Update Freemius SDK to 2.4.2<\/li>\n<li>New \u2013 New button to Add image \/ icon in the menu items<\/li>\n<\/ul>\n\n<h3>3.0.4<\/h3>\n\n<ul>\n<li>Fix - Add new CSS style<\/li>\n<\/ul>\n\n<h3>3.0.3<\/h3>\n\n<ul>\n<li>Fix - Remove style that was affecting Elementor menus<\/li>\n<\/ul>\n\n<h3>3.0.2<\/h3>\n\n<ul>\n<li>Fix - Load Dashicons when the user isn't logged in<\/li>\n<li>Fix - General improvments<\/li>\n<\/ul>\n\n<h3>3.0.1<\/h3>\n\n<ul>\n<li>New - Add RTL CSS in Admin settings<\/li>\n<li>Fix - Image size settings wasn't saving<\/li>\n<li>Fix - Avoid HTML Markup in items without Icons or images<\/li>\n<li>Fix - Remove FontAwesome Enqueue<\/li>\n<\/ul>\n\n<h3>3.0<\/h3>\n\n<ul>\n<li>New - New Settings redesign<\/li>\n<li>New - Menu item preview in the settings<\/li>\n<li>New - Possible to add FontAwesome Icons<\/li>\n<li>New - Possible to add DashIcons Icons<\/li>\n<li>Improvment \u2013 Update Freemius SDK<\/li>\n<li>Improvment \u2013 Code clean up<\/li>\n<\/ul>\n\n<h3>2.9.7<\/h3>\n\n<ul>\n<li>Fix - Fix Issue with display title above and below<\/li>\n<li>Improvment - Update Freemius SDK to 2.4.0.1<\/li>\n<\/ul>\n\n<h3>2.9.6<\/h3>\n\n<ul>\n<li>Fix - Fix compatibility issue with WordPress 5.4.<\/li>\n<\/ul>\n\n<h3>2.9.5<\/h3>\n\n<ul>\n<li>Fix - Remove unnecessary filter.<\/li>\n<li>Fix - Adjust the CSS for title below.<\/li>\n<\/ul>\n\n<h3>2.9.4<\/h3>\n\n<ul>\n<li>Fix - Bug of the duplicated images.<\/li>\n<\/ul>\n\n<h3>2.9.3<\/h3>\n\n<ul>\n<li>New - Add compatibility with Max Megamenu.<\/li>\n<li>New - Add new filter to change the markup of the image<\/li>\n<li>Fix - Lower the Menu Image options to be below the WordPress Settings.<\/li>\n<li>Fix - Update Mobile Menu Link.<\/li>\n<li>Fix - Relocate CSS and JS resources.<\/li>\n<\/ul>\n\n<h3>2.9.2<\/h3>\n\n<ul>\n<li>New - Include Freemius framework.<\/li>\n<li>New - Settings panel.<\/li>\n<li>New - Option to enable\/disable image on hover.<\/li>\n<li>New - Options to change the custom image sizes.<\/li>\n<\/ul>\n\n<h3>2.9.1<\/h3>\n\n<ul>\n<li>Fix previous broken update. Sorry for that, everyone is mistake.<\/li>\n<li>Remove images srcset and sizes attributes.<\/li>\n<li>Add autotests on for images view.<\/li>\n<\/ul>\n\n<h3>2.9.0<\/h3>\n\n<ul>\n<li>Update admin part copy regarding to new wp version.<\/li>\n<li>Fix support url.<\/li>\n<li>Fix php warning.<\/li>\n<\/ul>\n\n<h4>2.8.0<\/h4>\n\n<ul>\n<li>Use core <code>nav_menu_link_attributes<\/code>, <code>nav_menu_item_title<\/code> filters to add image and class instead of <code>walker_nav_menu_start_el<\/code> filter.<\/li>\n<li>Drop support of core version &lt; 4.4.0.<\/li>\n<\/ul>","raw_excerpt":"Adds an image or icon in the menu items. You can choose the position of the image (after, before, above, below) or even hide the menu item title.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/750","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=750"}],"author":[{"embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/takanakui"}],"wp:attachment":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=750"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=750"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=750"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=750"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=750"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}