How to Add Social Media Icons in WordPress

In order to add Social Media Icons to WordPress, you can use the SpiceMailer Social Media Widget.

It is a light weight plugin which lets you quickly add Social Media Icons to any widgetized are in your website.  It uses Font Awesome to add Social Icons.

Refer to this post for configuring the plugin.

ScreenShot Settings Page SpiecMailer Social Icons Widget

 

1. Install and Activate the plugin.

Download the plugin from this URL and then Upload and Install it. You can also install it directly from the WordPress Dashboard. Simply search for Social Media Icons Widget

2. Enter the Social Media Profile Url

Go to Settings -> SpiceMailer Social Icons and enter the Social Media Profile URLS. If you want to hide a particular Social Icon , then simply leave the URL Blank.

Currently following Social Media Networks are supported:

  • Facebook
  • Twitter
  • RSS
  • Pinterest
  • Instagram
  • Linkedin
  • Google Plus
  • Youtube
  • Flickr 
  • Dribble

3. Configure the Design Settings:

You can also tweak the design settings. Currently following settings are supported.

  • Icon Border Radius: You can tweak this setting to create circular icons. If you want to created perfectly round icons then simply set Icon Border radius as 50%
  • Icon Size:  You can select icon size as per your requirements. Currently you select between 25px, 30px, 35px and 40px.
  • Alignment:  Select Icons alignments. Supports Left, Right and Centre Alignment
  • Spacing:  This settings allows you to set the spacing between two consecutive icons.
  • Bottom Spacing:  Allows you to add spacing to the bottom of icons. This can be useful if you have icons in multiple rows.
  • Animation Effects: You can also quickly add Animation effects to the icons. We make use of CSS3 Transitions for the animation.  Since we don’t use jquery , it keeps plugin light weight and fast

4. Multiple Color Schemes

This feature is currently under development

5. Icon Reorder

This feature is currently under development

6. Display the Widget

In order to display the widget, go to Appearance->Widget and select the SpiceMailer Social Icons Widget.

You can Drag-Drop the widget in any widgitized area and you are good to go.

 

RoadMap

We have following features under planning and development.

  • Addition of more Social Icons
  • Additional Design Settings
  • Icon Reorder

If you have suggestion for features then let us know in the comments.

Did you enjoy this article?
We regularly publish WordPress related Tutorials and Tips on this blog. Signup today and receive free updates straight in your inbox.
I agree to have my personal information transfered to Mad Mimi ( more information )
About Ankit

Founder of SpiceWp. We share useful Wordprss Tips and Tricks.

I have also released 17 Wordpress Plugins till date .

I regularly publish Wordpress related Tutorials and Tips on this blog.
If you like the content then consider subscribing to the blog here.

Comments

  1. What is the shortcode class name for this widget? I would like to manually add it to a single page like this: https://digwp.com/2010/04/call-widget-with-shortcode/

    Thanks, John

  2. i just wanna say great job on the plugin !! it deserves more recognition and i will give it a 5 stars, however would you kindly provide a shortcode to use in any contents rather than just a widget area ? thanks

Speak Your Mind

*