How to add social media icons to WordPress

Introduction

In today’s world, social media is one of the most effective ways to market your websites, earning money and helping you to build a closet connection with your audience/customers. So, in this tutorial, we will see how to add social media icons into your website to connect you with your audience. You can add social media icons in the header section footer section or the sidebar section according to your level of comfort and design. How to add social media icons to WordPress
I will implement this with the help of a simple plugin.

Steps included:

1. Login to your website.

2. go to Dashboard >> plugins & in the search bar search for ‘simple social icon’.

Dashboard social media icon

Search Plugin Social Media Icon

3. It will give you many results, choose the first one and click on the Install Now button.

install plugin social media icon

4. Activate the plugin.

activate plugin social media icon

5. Now go to Appearance >> Widgets.
The social media icon option will be present in the widgets and here you can choose the location (header,footer, sidebar) where you want to display the social media icons.

social media icon appearance widgets

6. Here you can see multiple widgets options are available on the Widgets page. You will see the simple social icon widgets here.

widgets social icons option

7. As we know we can add these widgets in any section like sidebar, footer, header of the web-page. You can see here those sections/widgets, I have made rectangles around them.

social media icon sidebar-footer sections

8. Drag the ‘Simple Social Icons’ widget and drop it where you want to display your social media icons on the website. Here I am putting it in the footer. In the footer, there are 3 widgets already present.

Social media icon footer 3 widgets are present

l have placed the ‘Simple Social Icons’ widget after the Meta widget.

social icon in footer 1 section

9. Click on the arrow present over there, now you have to fill the required details in it.

click on arrow of simple social icon

  1. Give title to the Icons.
  2. Check the checkbox, if you want to open links in new window.
  3. Set the Icon Size.
  4. Set the Icon Border Radius.
  5. Set the Border Width, how much you want.
  6. Select the Alignment: Align Left, Align Right, Align Center. These alignments are used to display your icon according to the alignment given by you.
  7. You can also set the Icon Color, Icon Hover Color, Background Color, Background Hover Color, etc.

Social Media Icons Details1

10. Scroll Down the page and you will see there are many social media URI presents like Facebook, GitHub, YouTube, Instagram, email URI and many more.

scroll down to see more urls

11. Copy and paste the different social media URI’s on which you have an account and where your audience can reach you.
Here I want my audience to follow me on Facebook, GitHub, YouTube and they can mail me also, therefore I have provided URI’s of these social accounts.

uri's of social media icons

12. Click on the Save button present in the below.

save btn social media icon

13. Now go to your website and refresh it. In the footer you will be able to see the Social Media Icons.

displaying social icon in footer

14. Once you done with Simple Social Icon widget, you can drag and drop it in any section you want. For example: I have put it in footer 2, it will look like this:

social media icon in footer 2

displaying social media icon in footer 2

Conclusion

You can add Social Media Icons to WordPress using different plugins out of which we have used ‘Simple Social Icons’ plugin which is easy. Adding social icons to your website is the easiest way to connect you with your customer/audience.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.