{How to Add Social Media Icons on WordPress}

Because I literally laid on the couch for four hours while my two toddlers climbed all over and hit me in the head with toys, I was more frustrated with trying to figure out how to get the little social media icons attached to my blog more than the kids hitting me upside the head!

I have searched through the Internets and Pinterest to find an easy tutorial and have had very little luck until I finally pieced about four different blogs with instructions and figured it out. Whew.

This is seriously the most basic step-by-step guide I can come up with that actually make sense! This is truly step..by..step.. because I felt like I kept missing important steps?! Adding these icons is probably so much easier than I found it to be.

Step ONE

Go on Pinterest and pick out a set of free social media icons. There are lots of really cute options to choose from!

Step TWO

Download these to your computer and open the file. Right click and “Extract All.”

Step THREE

On your WordPress site, look on the left hand menu and find “Media” and select “Add New.”

Step FOUR

Upload the icon images you plan to use {Facebook, Instagram, LinkedIn, Pinterest, Google+, Bloglovin’}

Step FIVE

On the left hand menu, go down to “Appearance” and select “Widgets.”

Step SIX

Scroll down under the “Available Widgets” menu and find “Image Widget.”

Step SEVEN

Drag the “Image Widget” tab over to the “Main Sidebar” and place it where you’d like it to be on your sidebar. {On my page, I have my icons at the bottom of my Main Sidebar under the “Search” bar and they are centered in a vertical line.}

Step EIGHT

Select the Image Widget so that the drop down menu opens up, upload the icon image from your media library.

Step Nine

Clear out the title of the image and scroll down to the “Link.” In the Link box, you will add your website that you’d like linked. To get the link, you’ll go to the home page of your sites and copy and paste {Pinterest home, Facebook home of your page, Instagram home / if you’re mobile only on IG then you’d do https://www.instagram.com/(enter your instagram name here) ..} if you’ve changed any of your profile names then it may only link the original profile name.

For instance, if I added the Facebook icon then I would put in the link box “https://www.facebook.com/lifewiththeclarks” so that when the Facebook icon is clicked, it will take the follower to my Facebook page. But when I added Pinterest and tried to do .com/lifewiththeclarks, I was unable to because my original Pinterest profile name was .com/mrc5189.

Step TEN

You can change the alignment to “Center” if you’d like and then “Save.”

Continue Steps SEVEN – TEN until you have all of the icons added.

One way I made sure that the icon didn’t take followers to my logged-in personal pages, was by logging out / signing out of the websites after copying the link in step nine and then did a “test click” from my blog home page. So far I haven’t had any issues.

I hope that this post has made sense and will be helpful to those of you just starting out a blog and still trying to learn it all! Or even those who have had a blog for over a year {like me} and still haven’t figured this part out! Shoot, maybe there’s an easier way that I just haven’t learned yet. I’m pretty glad that I figured this minor detail out, though. This has been a long journey for me and I tried giving up, but then stuck with it and I’m really glad that my kids were good today because this was about to drive me crazy!! Xo.

20 thoughts on “{How to Add Social Media Icons on WordPress}

  1. Marin

    Hey, you used to write excellent, but the last several posts have been kinda boring… I miss your great writings. Past few posts are just a little out of track! come on!

    Reply
    1. Megan Clark Post author

      Thank you for your input! I guess you’re talking about the tutorial being boring since you commented on this post? I did not launch my blog after my content was established, this is a slow moving journey for me! Sorry you weren’t entertained with my tutorial. Maybe some of my “This is Us” posts will be more of what you’re looking for?

      Reply
  2. Emily

    Thanks for sharing your easy to follow steps. Having social media icons on a blog is so vital for its success and having cute ones would be really cool and make your blog stand out. Great idea!

    Reply
    1. Megan Clark Post author

      Yes it is important because that’s how everything intertwines! I never would have thought about ANY of this until I decided to start this blog journey!

      Reply
  3. Brooke

    I always wondered what I could do with the image widget!
    Thanks so much for simplifying it all.
    It’s crazy how much info we need to google to set up so many seemingly simple things on our blogs!

    Reply
  4. katriza

    I’m always looking for new social media icons for my wordpress blog and seem to change them often! I don’t really know which plugin works for me right now. I try to change it every 3 months and see if I have more/less following and engagement. So glad you made this very easy to follow! Really awesome for someone that is starting new!

    Reply
  5. Maria

    Bookmarking this! Thank you for going through the frustration and sharing it with everyone! WordPress kills me.. I’ve still not a clue how to do the most basic things on there and ive been on there for a year.

    Reply
    1. Megan Clark Post author

      I got very discouraged early on with WordPress! When my time was almost up with my Web Host, I had to make myself go into determination mode! I’m hoping to figure out the “basic” stuff and do instruction posts for them. The basics have been the most frustrating for me! Haha

      Reply
  6. Sarah

    I love how broken down you made this! But honestly, for me It’s more like this: Step 1: Go get my husband and ask him to do it. Step 2: Drink coffee on the couch next to him and give him encouragement “You can do it!” LOL

    Reply

Leave a Reply

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