How to Add Social Media Icons To WordPress Header?

Last updated on December 5th, 2021 at 08:59 pm

Would you like to add societal networking icons to your WordPress menu? While WordPress does not include a societal media profiles section. Inside the following guide, we’ll explain how to add social media icons to WordPress header.

It isn’t hard to work with WordPress navigation menus to manually display and add social networking icons onto almost any widget-ready place in WordPress.

Read Also: Read our detailed guide on Genesis Framework and Child theme. 

The Reason You Ought to Insert Social Media Icons into Menus?

The most important benefit of maintaining societal networking icons with WordPress menus is that you can switch the sequence they found in having an easy drag and drop interface.

At the same time that it’s possible to use third-party plugins to display societal networking icons on the sidebar, the majority of the solutions are not too elastic.

Must Read: Read our detailed guide on Hostinger Hosting. 

Besides the simple drag & drop interface, even whenever you add societal networking icons into WordPress menus, you can also display it upon t any widget-ready area in your site, for example, the sidebar, footer area, below articles mentioned, etc.

That said, let us take a glance at what steps to take to add societal networking icons into WordPress menus.

Including Social Media Icons into WordPress Menus

The first issue you ought to complete is always to install and then activate the Menu Image plugin.

Upon activation, then you have to visit the Appearance -> Menus page and make a fresh menu.

new social menu

Following, you have to add custom-made inbound links for every social sociable networking channel separately on your social menu that is social.

Read Also: Read our detailed guide on SEMrush SEO Tools. 

Hopefully, you may see there is a menu image option button beneath every single menu item. You may utilize it to upload your societal networking icon.

set menu icon

It permits you to add a different icon hover with  the most important icon image  to display over the mouse.

Read Also: Read our detailed guide on build backlinks for new website. 

Then you may choose a size for your societal icon. You can find several alternatives for your image measurement. Be sure you choose the same measurement for all of your societal menu icons, which will not violate the menu space.

social menu size

Next, you have to choose a position to show the identity of every societal channel using your icon. If you desire to display the societal icon with no tag, you definitely have to pick the Hide option beneath the Title position setting.

menu title position

Merely repeat the same to incorporate up to many societal icons since you require them.

Read Also: Read our detailed guide on dofollow backlinks strategy. 

As soon as you’re finished adding a menu item, you have to pick the display area for the social menu and then tap the help save menu button again.

menu display location

Today you may see your site to observe the societal networking icons on your WordPress menu.

You may even insert the societal icon in your WordPress sidebar. Only go to the Appearance -> Widgets page and then drag the Navigation Menu widget at the sidebar area.

sidebar widget social

From the pick Menu drop-down, you have to choose the societal menu you just created previously and then click the Save button.

That is really all about. We expect that this short article helped you know that how to how to add social media icons to WordPress header.

Leave a comment