How to add Wordpress social media widget without plugin
April 19, 2020 -
blogging tips, Tips and Tricks, wordpress
 |
| add Wordpress social media widget without plugin |
Do you want to add Social Media Widget to Wordpress without using a plugin?
This post will explain to you how to add Wordpress social media widget without plugin without using any plugin so let's get started.
Follow the following steps to add a Wordpress social media widget without a plugin.
Step 1. To add a social media widget 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 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 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 for 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 Wordpress social media widget without plugin
Please subscribe to my blog to get more updates.
Thank You!
