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
Elegant Themes
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 »

Comments

  1. john says:

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

  2. Jakub says:

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

  3. DJIO says:

    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

  4. Thomas Semmler says:

    The Plugin doesn’t exist anymore! :(

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

  5. Nighto Coder says:

    Great plugin, I will test it … thanks

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.