How to add Images in WordPress Menu - Coding Cyber
1

How to add Images in WordPress Menu

[adrotate group="5"]

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: