Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

How to Add Custom Menu Images in WordPress

Last updated on by
Follow WPBeginner on YouTube
How to Add Custom Menu Images in WordPress

We have already shown you how to add custom navigation menus and how to style navigation menus in WordPress themes. In the styling article, we covered how you can add background images to each menu item by using classes. Well if you don’t want to got that route, then we have another solution for you. In this article, we are going to show you how to add custom menu image to each WordPress menu item using a plugin.

First thing you need to do is install and activate the Custom Menu Images Plugin for WordPress.

Once you have activated it, go to the menus screen and select a menu. If you notice, each menu item has an extra field now which lets you select an image.

Menu Image

In the Navigation Image field you can either enter the URL of the image or upload it. As for the CSS, this plugin doesn’t come with any styling out of the box. You will have to add custom CSS classes and style your custom images the way you want. While testing the plugin we noticed a bug with regards to the way CSS classes were applied. This plugin will override all existing CSS classes in the menu. If you don’t have any, then it should work fine. If you did, then be cautious about that. We have already contacted the author about the issue.


Download Custom Menu Images for WordPress here


Editorial Staff at WPBeginner is a team of WordPress lovers led by Syed Balkhi. Page maintained by Syed Balkhi.

WPBeginner's Video Icon
Our HD-Quality tutorial videos for WordPress Beginners will teach you how to use WordPress to create and manage your own website in about an hour. Get started now »
  • john

    http://wordpress.org/plugins/nav-menu-images/ looks like a decent direction (haven’t checked)

  • Jakub

    any other plugin option?? this one does not exist anymore…

  • DJIO

    Hello!

    It seems that this plugin has been abandoned (it’s Jun.2012) can you host a link to the ZIP in your post?

    Thanks in advance.

    Djio

  • Thomas Semmler

    The Plugin doesn’t exist anymore! :(

    Any other possibilities to add custom images to menu-items?

  • Nighto Coder

    Great plugin, I will test it … thanks

    • piyush

      hey. its cool. but it would be really cooler if the plugin would have EXIST ANYMORE :)