WordPress Designer Secrets Revealed- How to add social media icons to sidebar
Eat, Pray, WordPress Designer Love…in that order. Maybe add some desk calisthenics in there. No, but seriously I wanna talk to you today about some of my secrets I use as a WordPress designer, and how I go about doing some of the little things I do. Sometimes I forget the simple things people want to do to their WordPress site, so hi ho cheerio let’s go.
#1 Adding social icons to your sidebar
Go download some social icons, 2 places I use: Iconsmysitemyway, and Iconspedia. *Tip: when downloading your icons, it is best to go ahead and download the size you are wanting to use, and download all in the same size so it saves you some time.
#2 Go to your WordPress dashboard, and go to the Media tab on the left, and select Add New.
#3 Click Select Files
#4 Browse your computers file and select the icons *Tip: To add more than 1 social icons at once make sure all icons are in the folder and hold shift+click icon and you can select more than one at once
#5 Click Show
#6 Copy File url
#7 Go to Appearance>Widgets *Tip: press Control+click to open this in a new tab so you still have those other file urls open in a separate tab
#8 In Widgets, select a text widget, drag and drop it into the sidebar
#9 Add the .html <a href=”http://yourlinklocation.com”><img src=”filerul”></a> *Tip: the href is where you want your social icon to link to and the img src is the path you just copied so you can paste it in there
#10 Save it, and go view your sidebar
#11 Rinse, wash, repeat and add each social icon, one right after another in your sidebar, and it will appear right next to one another. Like so: <a href=”http://yourlinklocation.com”><img src=”filerul”></a> <a href=”http://yourlinklocation.com”><img src=”filerul”></a> <a href=”http://yourlinklocation.com”><img src=”filerul”></a>
#12 This also applies to ANY image you would like to appear in your sidebar, if you don’t want it linked just don’t use the ahref,
Thanks for joining me in my WordPress Designer Secrets Revealed- How to add social media icons to sidebar
Posted on August 9th, 2010 by Rachael Butts in WordPress Designer
Connect with Us