How to add Wordpress social media widget without plugin

5

add Wordpress social media widget without plugin
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!


Post a Comment

5Comments
  1. you are doing good work. Please friend subscribe my blog. I will also share your posts. jo be friend mera blog subscribe krege mei uske blog ko promote kraga.
    plz visit -
    https://www.guru-nanak-ji.com

    ReplyDelete
  2. Thank you for taking the time to write such an informative post. Your blog is not only informative, but it is also very creative.
    Social media management

    ReplyDelete
Post a Comment