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

 

menu-social-icons-example-1-1

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

Avatar

Adam Daniel

April 16th, 2014 at 10:05 am

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

Avatar

LucyBeer

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

Socialize

Services I Use & Recommend

Siteground Hosting
Sucuri
WP Engine
Gravity Forms
  • Elen: Hi! Totally new WordPress user here. Came across your article and found it to be super helpful. Hopi [...]
  • kathy: Hi Lucy, Thank you so much for this post. It's exactly what I, as a total WP beginner, was loo [...]
  • Patrick @ SSDpress: It's often spambots which sign up and clutter your database with extra user accounts. As you sa [...]
  • Patrick @ SSDpress: "You get what you pay for" is very true. It's well known that lots of companies ' [...]
  • thegirlnextdoorisblack: Super helpful, thanks! [...]