Displaying social media buttons on your site encourages users to follow you on different social media networks. Previously, we have covered how to add Facebook fan box and twitter follow button on your WordPress site. Recently, one of our users asked for the easiest way to add social media icons in your WordPress sidebar. Something somewhat similar to what we have in our sidebar. In this article, we will show you how to add social media icons in your WordPress sidebar.
Video Tutorial
If you don’t like the video or need more instructions, then continue reading.
First thing you need to do is install and activate the Simple Social Icons plugin. After activating the plugin, go to Appearance » Widgets to drag and drop the simple social icons widget to your sidebar. Next, you can configure the size, colors, alignment and various other options of these social icons.
Simply enter URLs to your social media profiles in the widget. It supports Facebook, Twitter, Google+, YouTube, Linkedin, Pinterest, Instagram, and some other popular social media websites. You can also add icon for your RSS feed and email newsletter.
After entering URLs, save changes and preview it on your website. We suggest that you play with the colors to try different background and hover combinations to see what looks best on your site. You can also make these social icons flat by setting the border radius to 0 and increasing the icon size. The only thing we wish this plugin did was allow users the ability to change the order of the icons. Currently, you cannot reorder the icons.
We hope that this article helped you add social media icons in your WordPress sidebar. For feedback and questions you can find us on Twitter and Facebook. You can also leave a comment below.
This worked like a charm. Until–don’t laugh–I realized I had beautiful FOLLOW buttons while I was looking for SHARING buttons. How do I get those just as simple and customizable to go in a widget in the sidebar. I’ve looked, but haven’t found simple ones.
What is difference between jetpack social media icon and wp social media profile? jetpack have youtube provision wherea wp social media profile do not have youtube.
Nice post thank you for sharing this article
Added a few social widgets to my current theme and it’s both do not render correctly? I am using the theme “Nisarg” which is a basic free blog theme, adn I have heard these plugins adapt differently to various themes. It’s frustrating when these widgets are for ease of use but they haven’t saved me any time. Any feedback from anyone would help. I do plan to upgrade to Genesis framework, not sure if that matters.
thank you this was very helpful. keep up the good work
Great and easy instructions. Thank you.
perfect. just what i needed. thanks.
The icons are not appearing in the boxes when I installed this plugin. I just see tiny letters and numbers inside the squares. Help?
This seems like a theme related issue, sorry we can’t help you much in this regard.
This is great. Love to have the these options in one place. Very helpful!
Thank you for the article.
I am a new blogger and I have been using your website since the beginning.
I have to admit, if there’s any problem I come across or I need some help, I could find the answer here.
Good job!
Thanks for the kind words Maggie. Glad we are able to help
Thank you for this advice, but how do you get it to show the Facebook, LInkedIn, Twitter icons??? All I have is grey…….
Thank you!!
You are Awsome dude….
Helpful Article… thanks
Beautiful! Thank you.
Nice post, thank you for sharing this useful tutorial on how to add social media on WordPress side bar. Can I use DigDig plug-in instead of Simple Social Icons plugin?
Great piece of information for beginners. A good read.
Thanks so much.
Dear Syed Balkhi, Sir I would like to thanks you very much and you are my best and favorite personality in WordPress world. Dear sir I will pray for you that always you will write for us. I am using your this plugin and I am daily visit you site and got updates and I will try these updates on my blog. Thanks
Great plugin – use it on all my sites.
Another winner from Genesis.