Would you like to add social media icons in your WordPress menu? Whereas WordPress doesn’t include a social media profiles part, you possibly can simply use WordPress navigation menus to add and show social media icons on any widget-ready space in WordPress. On this article, we are going to present you ways to add social media icons to WordPress menus.

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 flexibility to change the order they seem in with a easy drag and drop interface.

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

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

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

Including Social Media Icons to WordPress Menus

Very first thing you want to do is to set up and activate the Menu Image plugin. For extra particulars, see our step-by-step information on how to install a WordPress plugin.

Menu Image plugin

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

Including Social Media Icons to WordPress Menus

Including Social Media Icons to WordPress Menus

Subsequent, you want 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 choice underneath every menu merchandise. You should utilize it to add your social media icon right here.

You should utilize it to add your social media icon right here

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

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

After which you can choose a dimension for the social icon

Subsequent, you want to choose a place to show the title of every social channel together with your icon. If you happen to solely need to show the social icon with none label, you then want to choose the ‘Cover’ choice underneath the Title place setting.

Subsequent, you want to choose a place to show the title of every social channel together with your icon

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

As soon as you might be executed including menu objects, you want to choose the show location on your social menu and click on on the ‘Save Menu’ button.

social media icons

social media icons

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

You may also 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.

Widgets web page

Widgets web page

Within the Choose Menu dropdown, you need to choose the social menu that you just created above and click on on the ‘Save’ button.

‘Save’ button

‘Save’ button

Word: The above picture is displayed for instance functions solely. To get the widget to look precisely like that, you will want to add customized CSS.

That’s all. We hope this text helped you learn the way to add social media icons to WordPress menus.