Introducing the Simple Social Icons Plugin for WordPress

Simple Social Icons Plugin for WordPress

I am very pleased to announce that we have released the Simple Social Icons plugin for WordPress. Simple Social Icons is an easy to use, customizable way to display icons that link visitors to your various social profiles.

With it, you can easily choose which profiles to link to, customize the color and size of your icons, as well as align them to the left or right, all from the widget form (no settings page necessary!).

Many of our themes have used CSS and the Custom Menus function to accomplish this. You can still use this method, and if you do – here’s how you can pull it off.

But Now There’s an Easier Way to Add Social Media Icons

Thanks to the code craftsmanship of Nathan Rice, you can add these icons to your header right section, your sidebar or even your footer widgets with a few clicks.

Here’s a screenshot of the widget admin screen.

The great thing about this plugin is that it will work on any WordPress site – it’s not limited to the Genesis Framework.

So what are you waiting for? Head on over to the WordPress.org plugin repository and download it there.

Comments

  1. @Nathan Rice

    Great plugin for Simple WordPress Lovers. :-)

    Happy to download it from http://wordpress.org/extend/plugins/simple-social-icons

  2. Very nice looking plugin! Looking forward to replacing the other social icon plugin with this. Crossing my fingers that it’s all that! ;)

    ~Eve

  3. Just downloaded and installed it. Super easy, and works very well!

  4. Great plugin, i’m downloading and using; thanks brian, i like it!

  5. Simple Social Icons and Social Profile Widgets seem to do the same thing and in fact, both are co-authored by Nathan Rice and StudioPress. Does Simple Social Icons supercede Social Profile Widgets?

    Happy to see MySpace was dropped, but so was YouTube. Wish the list of social networks and the ordering could be customizable. Otherwise, NICE WIDGET!

  6. Hi Brian,

    Thanks for the plugin. You guys always provide us with easy to use tools that makes our live easier!!!

    I’ve just installed and set it up in one sub-site (I have a multisite installation). My sidebar has a background color, but the icons are in a white background.

    How can I customize it in the sub-site CSS file?

    Thanks in advance,
    Daniel.

  7. Now this is classy and simple. Well done guys, well done.

  8. Hi Brian,

    Thanks exactly what I was looking for but there is a bug when you install it with the eleven40 theme. This theme uses the same css or something and there is a conflict.

    The google+ icon is not right as it is not using the built in social icons image already used by eleven40 : /images/social-icons.png

    David

  9. Awesome! Awesome! Awesome! One thing that would make it even more awesome for me….an email icon. That is the only extra thing I’ve been adding when I use your instructions you posted months ago. This plugin will make my life so much easier. :)

  10. You can also use my plugin “Genesis Social Profiles Menu” for that – which is working with the default WordPress menu system – and has some more icons in store than the StudioPress plugin from here :-)
    http://wordpress.org/extend/plugins/genesis-social-profiles-menu/

    But either way will get you socially connected :)

  11. Have you considered adding a demo or example site to the WP description page with the plugin running ?

  12. The best thing about this plugin is that you can customize the color, border color etc to your liking from the dashboard!

  13. How do some plugins, like that one, get that cool header image?

  14. Played around with it on my dev site and it’s awesome. I second the request for an email icon.

    I don’t know if it breaks the idea of being simple, but it might be nice to have the option to enter text below the icon, similar to StudioPress’s Stay Connected icons.

  15. Hi
    At the moment I’m using “Social Profiles plugin” by Nathan.
    Is there an advantage to using “Simple Social Icons” plugin or does the new plugin replace the old one?

    • Well the style of icons obviously are different. With the Simple Social Icons plugin, we’ll continually be updating it. It gives the ability to customize background colors, border radius and what not. We prefer to have control over the icons we add, so Rafal created them from scratch.

  16. Sorry for second comment, meant to ask:

    How do you get the twitter icon after “February 22, 2012 by Brian Gardner” at the top of your posts?

    Regards

  17. Hi Brian,

    Just installed it on my Genesis framework with the Going Green child theme. I’m showing black dots between each of the icons — any idea how I can get rid of those? You can see them here: http://www.smartgreenmedia.com

    I don’t speak tech, so the simpler the explanation, the better. :)

  18. Love this new plugin. I’ve put it up on a site I’ve got in progress. The spacing works in the sidebar but in the footer it’s off.

    http://www.innov8tive.eightcrazydesigns.com/

    Also, kind of a weird thing… the one in the sidebar I had specific colors and a much higher border radius so they were circles. when I installed the same widget in the footer they styling over rode the one in the sidebar. I don’t need both at the same time, I was just testing spacing…it’s just an FYI

  19. Can the order of the icons be changed?
    Easilly that is.

  20. Love this! I just swapped it out for a custom sprite that I had at the top of my site and my only negative would be that it didn’t come out sooner!! ;) It would have saved me a few hours and headaches! Thanks again!

  21. Oh yes. This is wonderful, I actually downloaded early early this morning (the advantages of following people on twitter) ;)

    It does put the dots on the Balance theme when used in the footer widgets.

    Thanks much,

    Mike

  22. w00t! This is fabulous! Thank you!

  23. Looks brilliant with customised colour on the Minimum theme, but causes my top menu to expand and go on to a second line.

    http://www.wmwebdesign.co.uk/blog/

    Didn’t do it on my local install

  24. Great plugin. I just installed the update and it caused some of the icons to go blank, and the icons aren’t matched up with the correct urls. Thanks!

    Dave

    • Can you do a hard refresh? It might be that your machine has cached the previous ones.

      I’ve checked our your site and they seem to be matched up ok.

      • Wow, that must’ve been it. Thanks for your help.

        Unrelated to this plugin, does Studiopress have a theme that is pretty customizable for color? I’ve gone through a few one by one, but they all seem to be limited to 4-5 colors. I’m considering switching and am evaluating what to do. Thanks!

  25. No StumbleUpon? StumbleUpon is my favorite!

  26. Rosemary Jayne :

    I’m in love, it took seconds to install and set up and gives me exactly what I wanted – nice clean and simple icons that match my theme thanks to your color customization! Now, is there any chance you can tell me how many pixels the icons are rounded by? And is there an easy way to re-use the icons on an about page?

    • Not sure what you mean by “how many pixels the icons are rounded by”. You can determine the radius yourself – or not have any at all, which would make them square icons.

      As for the about page – the only (relatively easy) way to do that is to copy the HTML from the source code and dump that into your page.

  27. Pretty straightforward and easy to use and I like the simplicity.

    Thanks for the great plugin!

    Artemis

  28. Which icons are included? Do you have icons for Goodreads, YouTube, and email?

  29. This is by far the best and easiest social media plugin I have used. Hands down – it’s fabulous!

  30. …Do love the plugin Brian,

    …curious if you might add the ability to create text to appear as users rollover each icon…

  31. Love this Brian, and everyone at StudioPress. Having a problem with the e-mail URL. I enter the email address of my client – this is for http://ckcpublicrelations.com (footer #2) and when I hit save, the plugin forces a http:// in front of the e-mail and then it doesn’t work.

    Am I missing something?

  32. This is great. Youtube though would be a good addition.

  33. Not sure if this was mentioned above, but I’d like to see an align center for this plugin. Social Profiles didn’t offer this either, but I finally got around it.

    Also, I’m not sure if this is meant to happen, but stacked icons blend together to form a column. Horizontally they’re spaced, vertically they touch. Looking forward to more! Thanks…

  34. Hi Nathan, Its a great plugin thanks,

    Just added on my blog. It would be more better if you provide subscribe button with feed-burner options.

  35. Beeautiful & so simple. Thanks so much!!! I’ve already implemented the plugin (along with the sweet new Streamline theme) on my personal blog…a site I’ve been meaning to get up & running for a long time – http://kristelhayes.com

    I’d like to join the choir for YouTube request, and add Flickr as a personal request as well. Being able to reorder the icons would be pretty slick too.

  36. Glad to hear Youtube will be added.

  37. Thank you for adding YouTube!!! The icon’s not working on my site right now (icon background showing, but no logo)…but I’ll check/post to the forum on this.

  38. Great Plugin. Had social media icons up and working in a minute. Much easier then creating a style sheet and icon set. This is a real time saver. Keep up the great work.

  39. Installed but it does not display all of the icons correctly. I have for the time being deactivated it and will try again in a day or two. (The one on my site currently is form my customization of the Social Profiles Widget. Hope this one works since my customized one has to be updated with every genesis update which is a PITA……..

    • My guess is that you have a CSS conflict with the code in your style.css file. If you choose to use this plugin, go ahead and remove all of the CSS for the social icons like this:

      .sidebar ul li.social-facebook

      • Hi Brian, none of the icons are showing up for me. When I first installed the plugin and played around with the icon colors the top half of the icons showed up. Now that I’m using a different color it’s just the text showing up, no icon. I’m very new to blogging-could you explain a little more about the line of code you mentioned to Gina? I looked in my stylesheet for that line. Am I supposed to be adding or removing it? Sorry, I’m very lost in all this!

  40. Sure-http://wholesomehomemaker.com/
    Thanks!

  41. Hi Brian – I have been building out an Agentpress site that uses this plugin. It has been going pretty good. I did noticed that the icons on the demo site http://demo.studiopress.com/agentpress/listings/1227-auburn-creek-drive were in full color. I can’t see how to do this, am I missing something?
    Thank for your help.

  42. Simple and easy to setup. However, I get the name of the icon displayed on top of the icon. I’m thinking that should be a tooltip or something? Happens in chrome and firefox. The html has the name in the a tag, not sure why.

    Facebook

    You can see the issue here: http://trackresults.wpengine.com

    Thanks