How To Add Social Icons To Your WordPress Navigation Menu

How To Add Social Icons To Your WordPress Navigation MenuI’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…

Spread the love

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.

Facebook Comments

More Stuff

How to Install a Magento Extension in Quick Steps (With Video) Magento is a powerful eCommerce platform, but it truly excels when boosted by extensions. The platform allows developers and store owners to create an...
5 SEO Tactics That No Longer Work and That You Need to Retire The field of search engine optimization has gone through so many changes and keeps evolving so fast that it’s hard to keep track. As a consequence, th...
Getting Started With React Unit Testing For WordPress Development When I first looked at Vue vs React, I chose VueJS. One of the reasons was that I felt like Vue was a better choice was the complexity of React classe...
30 Illustrated Travel Posters for Fantasy Destinations Vintage travel posters have seen a bit of a revival lately, with artists using the style of classic postcards as inspiration to create their own digit...
Spread the love

Posted by News Monkey