How to add images inside WordPress 3.0 custom menu

Everyone is quite good in using WordPress 3.0 custom menus. I am going to write about a hack. with which we can put an image inside the Menu. :-)

Some basic information about menus :

  1. Theme Location : Shows where to place the menus.
  2. Instead of pages or categories we can also place a Custom Link with custom URL inside Menus.
  3. The main container area: Which has the actual Menu.

To place an image inside WordPress 3.0 menu, we will go for a Custom Menu. In the custom menu there are two options:

  1. URL :-  Link of the menu
  2. Label: – What should be the label of the Menu.

See the Image below to add an image over the Menu: –

  1. Place your URL
  2. Place your complete image path
  3. Click on the Add to menu

After doing this , you will get the following screen:

After clicking on save menu refresh the web page, the final output is like this as seen below :

  1. Image through custom menu.
  2. WordPress default pages.
  3. You can see the image code inside the code.

Now you can see, that you have an image inside a menu or we can say you have an image over the menu. The main purpose to show you this example is that we can place an image inside a WordPress custom Menu. Basically this is a hack to place an image inside the Menus, but it can come handy in some other situations also. :)

If you have any other such hack do share it with me through your comments. :)


About Author

Saorabh Kumar

Saorabh Kumar

The ones who passionate about wordpress/buddypress themes.