How To Add Social Media Icons To Your WordPress Website

Watch this video to see how to add cool looking Twitter, YouTube and Facebook icons that link to your social media profiles to your WordPress Website sidebar.

Note: If you are using the SmallBiz WordPress Theme you can just drag the Social Media Widget to your sidebar and bypass the rest of this tutorial. See this tutorial in the User Guide for more details.

The steps that show adding widgets to your sidebar in this video will work with any Widget-enabled WordPress Theme.

Here is the code

Just copy this code and paste it into a WordPress Text Widget. Then replace the # in the hrefs with links to your social media profiles like I show in the video:

<br>
<p align="center"><a href="#" target="_blank"><img src="./wp-content/themes/smallbiz/images/twitter_link.gif" class="frame" alt="Expand2Web Twitter Feed"/></a></p>

<p align="center"><a href="#" target="_blank"><img src="./wp-content/themes/smallbiz/images/youtube_link.gif" class="frame" alt="Expand2Web YouTube Link"/></a></p>

<p align="center"><a href="#" target="_blank"><img src="./wp-content/themes/smallbiz/images/facebook_link.gif" class="frame" alt="Expand2Web Facebook Link"/></a></p>

<p align="center">I hope you'll join the conversation with us!</p>

A note on the images

Depending on where you have your WordPress installed, the image icons might break when you navigate to sub directories. This is because I can’t predict whether your WordPress install is in the root of your domain or in a sub directory.

But it’s an easy fix though. All you have to do is replace the relative image path:

img src="./wp-content/themes/smallbiz/images/twitter_link.gif

with an absolute one like this:

img src="http://www.localsearchtips.com/smallbizdemo/wp-content/themes/smallbiz/images/twitter_link.gif

Notice how I replaced the . at the beginning of the image path with the complete URL of where your WordPress is installed.

Here are the icons

If you are not using my SmallBiz WordPress Theme then you will need to upload the images to WordPress yourself. I’ve included them below in case you need them. Just right click and Save them to your desktop, then upload to your WordPress media area.

Note: The SmallBiz Theme allows you to set different sidebars per page. This video tutorial shows you how to do that.

Let me know what you think in the comments below – I’d love to hear from you!