How to Add Social Media Icons to WordPress Menus
In this article I’ll walk you through how you can add social media icons to your WordPress menus. This is a super easy way to get these social media icons up in your menu area. So let’s dive in so head over to your WordPress dashboard, from here we’re going to go to our plugins area let’s click add new
We’re looking for a menu image this is the way we want
Let’s go ahead and install now
make sure you stick around so that you can also activate the plugin,
Once activated it will take you over to the image area the menu image area
and we don’t need to make any changes here, let’s just go ahead and create our first menu
So we’re going to go to appearance menus and since we’re creating social media menu. I’m going to create a new one. So I’m going to click on create new. Simply going to call it social media and click create menu
From here you want to add your custom links, so let’s click on the custom links tab and you’ll want to add the Oriels this is where you want to grab all of the social media links for your profile for your business.
I’ve just added a few for wpbeginner in a notepad.
So I’m going to add these here and then make sure you fill out the link text area as well
and then once you fill those out click Add menu
keep doing that for all the ones that you want to add to your social media menu.
Ok, now I’ve added all of them and what we can do is now go into expand each one by clicking on the little drop-down
Next to the menu item and we want to set an image, this isn’t normally on here but with the plugin you’ll see that
so we want to set the image for this and you’ll want to upload icons that you have found already for the ones that you want to use
So once you find the icons that you want to use go ahead and click set image
and then you’ll want to upload the files
so go ahead and click upload find the icons that we downloaded
and I’m going to go ahead and choose all of the icons right now.
If you want to do it first set on hover then you can do that as well for this one I’m going to just leave it for that one, because I don’t have enough icons for both and then you want to choose the menu size.
This will be specific to your theme on which one looks best but for right now we’re going to use the 36 by 36 and then you can also choose the title position.
All this means is the navigation label you want to say where you want it to go or if you want to hide it all together. So I’m going to do it for that one and I believe I uploaded one for Pinterest.
So I’m going to set the image for Pinterest as well select that
and we’re going to hide it by default gonna do the same for YouTube select it hide it
and if we have one for Instagram I think it was an older one but we’ll just do this one just for show and on these as well you want to make sure that they’re hidden and we’re gonna put it on primary and then let’s save menu
now when you go to your site and you click on it and you see this is our menu area up at the top
so that’s an easy way to set social media icons for your menu and thanks for reading