Hot Posts

6/recent/ticker-posts

how to add social media icons to WordPress footer without plugin



add social media icons to WordPress footer without plugin
Do you want to add Social Media Icons to Wordpress Footer without using a plugin?

This post will explain to you how to add social media icons to WordPress footer without using any plugin so let's get started.

Follow the following steps to add social media icons to WordPress Footer:

Step 1. To add social media icons to your WordPress website you need to add CDN to load Icons like I suggest Fontawesome CND which is free to use.

a. Add the below code inside your <Head>...........</head> section of your theme manually or you can use any Plugins to add code inside Header.

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>

b. Search the icon and get the HTML code from the Fontawesome website. The link is given below.       

https://fontawesome.com/icons?d=gallery&m=free

Step 2: Then, add the Text widget to your footer widget section and add the following code:


<ul id="social-menu" style="display:inline;">
<li>
<a href="#" target="_blank">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
</li>

<li>
<a href="#" target="_blank">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
</li>

<li>
<a href="#" target="_blank">
<i class="fa fa-linkedin" aria-hidden="true"></i>

</a>
</li>
</ul>

Step 3: Then add your custom CSS to style your social media icons.

ul#social-menu li {
  display: inline;
margin-left:30px;;
}
ul#social-menu li i {
  font-size:20px;
}
ul#social-menu li i:hover {
  color:#000;
}

I hope now you are able to add Social Media Icons to WordPress Footer and without using any Plugins. 
Please subscribe to my blog to get more updates.

Thank You!


Post a Comment

0 Comments