How To Add Social Icons To Your WordPress Navigation Menu

In: WordPress Beginners| WordPress Plugins

Buffer this pageTweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInEmail this to someone

WordPress Plugin - Menu Social Icons

I’m loving this new plugin I recently discovered called Menu Social Icons. In a simple and elegant fashion it allows you to easily add icons to the major social networks directly into your WordPress menus. There has always been a multitude of plugins to let you add social icons to your widget areas, but sometimes there’s just not a widget area where you need one to be. So now you have the option of adding icons wherever you have a WordPress navigation menu.

Once you install the plugin, simply navigate to your Menus screen and look in the Links section. There you will see all the icons to choose from and you can select and add to the menu.

Menu Social Icons Plugin - Menus Screen

The plugin utilizes icons from Font Awesome, which means the icons are actually a font, not an image. This means they will automatically inherit the same styling  (font color, rollover effect etc) as your site’s navigation, as provided by your theme.  If you happen to know any CSS you can manipulate the size and color of the icons at will – much easier than with an image. The following two screenshots demonstrates how the icons look in two different themes and how they seamlessly integrate into the site, right out of the box.

menu social icons example 2



The plugin is really easy to use for the layperson but has some extra goodies for developers such as functions to use alternate icon styles, adding additional social networks, changing the HTML output etc.

Buffer this pageTweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInEmail this to someone
Weekly WordPress Tips To Your Inbox
+ Get 50% Off The Beginner's Guide to SEO Ebook!

Lucy Beer - WebTrainingWheels WordPress TrainingDo you need a personal WordPress teacher to help you learn what you need to know without wasting time? I provide customized WordPress tutoring in-person or remotely via phone/screensharing.

2 Responses to How To Add Social Icons To Your WordPress Navigation Menu


Adam Daniel

April 16th, 2014 at 10:05 am

Just got your blast and clicked through… This plugin looks awesome. Thanks, Lucy!



April 16th, 2014 at 2:11 pm

Glad you found it useful!!!

Comment Form

Weekly WordPress Tips

+ Get 50% Off The Beginner's Guide To SEO Ebook!

How I Can Help You

Hi! I'm Lucy Beer. I know that WordPress is liberating when you know how to use it, and bewildering when you don’t. I help individuals and businesses learn WordPress for their specific needs. I will accelerate your knowledge and cut your learning curve in half (at least!). Generic tutorials and videos only go so far - when you need specialized knowledge, or a real person to answer your questions, that's where I come in. I help non-techies understand and use the web to empower their personal or business mission.

Learn How To Get Targeted Traffic To Your Site >> $20


Services I Use & Recommend

Siteground Hosting
WP Engine
Gravity Forms
  • Michael: Hey Lucy, Great find! What a little gem this plugin is turning out to be. I always prefer to [...]
  • LucyBeer: Hi Wayne You are correct - if you're only making CSS changes and placing them in the Custom CS [...]
  • Wayne: Hi Lucy I am using the new accesspress paralax & only done a couple of css changes in the Tools [...]
  • LucyBeer: HI Greg, have you tried Googling for this? Perhaps something like this will work for you: [...]
  • kennedy: I’d love more features like you’re talking about. Often these widgets “do one thin [...]