How to add custom social media follow icons buttons in WordPress

·

·

,

Hello Friends, In this blog, we will tell you how you can add a custom social follow button to your WordPress site. Let us tell you it is quite easy. Using this will not affect the speed of your site. Which is very important.

You will also find many plugins in the market. Using this you can set the social follow button. But using these plugins makes a big difference in the speed of the website, the speed goes down. Many unnecessary things are loaded while the website is open.

So let’s know, how you can set a custom social share to follow button.

First of all, copy the following CDN link and paste it into the header.php file under the <head>.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Now in the second step copy, the HTML code given below and paste it into the HTML section in the widgets of the sidebar

<h2>Social Profile</h2>
<p><!-- Code By subhashdigital.com --><br>
<a href="https://www.facebook.com/example" class="fa fa-facebook"></a><br>
<a href="https://www.youtube.com/channel/example" class="fa fa-youtube"></a><br>
<a href="https://www.instagram.com/example" class="fa fa-instagram"></a></p>

Now we have to add CSS code so that the visibility can be good. Copy the below-given CSS code and paste it on the custom CSS option under the customize option under appearance and then publish it.

 
 .fa {
  padding: 10px;
  font-size: 30px;
  width: 250px;
  text-align: center;
  text-decoration: none;
  margin: 2px 2px;
	 max-width: full-width auto;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}
 

.fa-youtube {
  background: red;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

Congratulations you have successfully added a custom social follow button to your website.

Note:

If you are having trouble setting up, then you can take help from the video below. Or you can ask us by commenting how did you like this post, you must tell by commenting.

Leave a Reply

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