How to Add Social Media Icons to WordPress Menus

Like Tweet Pin it Share Share Email

Do you need to add social media icons in your WordPress menu? Whereas WordPress doesn’t include a social media profiles part, you may simply use WordPress navigation menus so as to add and show social media icons on any widget-ready space in WordPress. On this article, we are going to present you methods to add social media icons to WordPress menus.

How to Add Social Media Icons in Menu

Why You Ought to Add Social Media Icons to Menus?

The largest benefit of including social media icons utilizing WordPress menus is that you’ve the power to vary the order they seem in with a easy drag and drop interface.

Whereas you should utilize third-party plugins to show social media icons in your sidebar, most of these options aren’t as versatile.

Apart from the straightforward drag & drop interface, once you add social media icons to WordPress menus, you may show it on any widget-ready space in your website together with your sidebar, footer space, under posts, and many others.

That being stated, let’s have a look on methods to simply add social media icons to WordPress menus.

Including Social Media Icons to WordPress Menus

Very first thing you have to do is to put in and activate the Menu Picture plugin. For extra particulars, see our step-by-step information on methods to set up a WordPress plugin.

Upon activation, you have to go to Look » Menus web page and create a brand new menu.

New social menu

Subsequent, you have to add customized hyperlinks for every social media channel individually in your new social menu.

You’ll discover that there’s a menu picture button possibility beneath every menu merchandise. You should utilize it to add your social media icon right here.

Set menu icon

It lets you add a distinct icon on hover with the primary icon picture to show on mouseover.

After which you can choose a measurement for the social icon. There are a number of choices for the picture measurement. Just remember to choose the identical measurement for all of your social menu icons, so it doesn’t break the menu space.

Social icon size

Subsequent, you have to choose a place to show the title of every social channel together with your icon. When you solely need to show the social icon with none label, then you have to choose the ‘Disguise’ possibility beneath the Title place setting.

Menu title position

Merely repeat the identical so as to add as many social icons as you want.

As soon as you’re completed including menu objects, you have to choose the show location to your social menu and click on on the ‘Save Menu’ button.

Menu display location

Now you may go to your web site to see the social media icons in your WordPress menu.

Social media menu

You may as well add the social icon menu in your WordPress sidebar. Merely go to Look » Widgets web page and drag the ‘Navigation Menu’ widget within the sidebar widget space.

Social menu in widget

Within the Choose Menu dropdown, it is best to choose the social menu that you simply created above and click on on the ‘Save’ button.

Social menu in sidebar

Word: The above picture is displayed for instance functions solely. To get the widget to look precisely like that, you’ll need so as to add customized CSS.

That’s all. We hope this text helped you learn to add social media icons to WordPress menus. You may additionally need to see our information on methods to type WordPress navigation menus.

When you appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You may as well discover us on Twitter and Fb.

Comments (0)

Leave a Reply

Your email address will not be published. Required fields are marked *