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
About Rachael Butts
I'm a self-made WordPress gal who loves running my own shop...and coffee.
Connect with Us
8 Responses
Terry Thrower
08/10/2010 21:23:41
Thanks Rachael, you always come through
Terry, Handyman phoenix Az
Rachael Butts
08/11/2010 02:24:01
Thanks Terry, you are the best!
patrick jackson
08/30/2010 17:52:45
I am new to this wordpress and setting up blog sites. Where do you get the file url for the social media icons?
Rachael Butts
09/3/2010 15:04:34
You will need to go grab your own icons and upload them under “media” in your dashboard.
Then where is says “link URL” after you upload it, then you copy that.
Caleb
09/17/2010 12:52:45
I thought this stuff was basic knowledge, but then again I keep forgetting all the trials and errors i went through back in the day when I first started learning what i call “theme tweaking”.
p.s.
So you’re the one i keep hearing about? I finally found your blog and it’s real big and simple, one would have thought a designer like you would have had tons of widgets and Mashable like floating ads everywhere!
Rachael Butts
09/17/2010 13:47:06
Ha, no I’d rather it be clean and easy to read for newbs.
I remember how I would just click away if I got all overwhelmed
Maybe I’m writing for the old me too much
Karl
10/21/2010 20:28:31
I got brain faded pretty good working with the css code and having it crash my Thesis pretty good. You came through with your blog post proving the simplest solutions continue to be the best!!! I appreciate the details and tweaks that got me what finished with that part…THANKS!
Rachael Butts
10/22/2010 14:32:25
Thanks Karl! So glad I can help.
Let me know if you’d like to see a tutorial on something!