1

How to add Images in WordPress Menu

Here is the simple tutorial for adding images in WordPress menu, Just goto Menu’s in WordPress and add the menus.

Adding Images to WordPress Menus

  • Go to WordPress dashboard -> Appearance -> Menus
  • Create a new menu item
  • On the Menus page add a link to custom URL’s, and in the label position add the img as show in the below image.
    <img src="http://codingcyber.com/wp-content/uploads/2013/03/twitter.png">
    

    wordpress-menu

  • And after seeing the results i have added some css
    <img style="position:absolute; margin-top:-12px;" src="http://codingcyber.com/wp-content/uploads/2013/03/twitter.png">
    

    wordpress-menu-1
    wordpress-menu-2

  • Directly we can add styles in img tag in menu label field.

Here is the simple tutorial, I may change the design from time to time, Here is the look of the menu after adding the menus…

wordpress-menu-3

Vivek Vengala
 

Vivek Vengala is a Online Entrepreneur, Web Developer from Hyderabad India.

Click Here to Leave a Comment Below 1 comments
Ramsay

But instead doing this, how about using “CSS Classes”? I think that the best way to add icons into WordPress menu.

Reply

Leave a Reply:

x

Join My Facebook Group to Receive Coding Tutorial for Free

email-subsribe