How to Add an Image to Your WordPress Sidebar

by Don Campbell on January 21, 2010 · 13 comments

Here is something I get asked a lot – how can I add an image to my WordPress sidebar?

This video shows you how:

In the video, I’ll show you how to upload the widget using the WordPress Media Library, grab the URL for the uploaded image, and then use a WordPress Text Widget to display your image in the sidebar.

In this case I’m using the Expand2Web SmallBiz WordPress theme, but this tip will work with any WordPress theme that is widget enabled.

Here is the code snippet I used in the video for the sidebar widget:

<a href="#"><img src=" " /></a>

Just put the URL of your image in between the quotes of the image source tag.

Note: You should resize the image to the width of your sidebar before uploading. In this case the image is 200px wide. The width of the sidebar will depend on your WordPress theme.

{ 13 comments… read them below or add one }

eileen January 22, 2010 at 6:23 am

This video tutorials are awesome! Thank you – it worked like a charm!

Reply

Lynn Wilhelm January 22, 2010 at 11:23 am

Hi Don,
I just discovered your site and all I can say is WOW!
I’m trying to figure out how to set up my website. I know I’m not a pro, but I need a pro-looking website for my landscape design company. I just don’t have any $$ now.

I don’t know if I can do it on my own, but I think I’m going to try with your help. I know a little bit of html and already have a WP blog.

By the way, how do I find out if I set up my WP on .org or on .com? I haven’t done much on it so it would be easy to move.

I need to set up my own host and domain name, too. I’m going to check out BlueHost.
Thanks for all the info!
Lynn

Reply

Don Campbell January 22, 2010 at 11:51 pm

Hi Lynn,
Thank you!

Well, if you are on WordPress.com you probably have a URL like yoursite.wordpress.com. If you are self-hosting your WordPress then you will have your own URL like yoursite.com.

Since you mentioned that you still need a domain name you are probably hosted on WordPress.com. Let me know your URL so we can check out your blog.

-Don

p.s. Here is an article I wrote comparing WordPress.com vs WordPress.org that covers the differences.

Reply

eileen January 23, 2010 at 7:38 am

Lynn, you may think that you don’t have any $, but you can make more money, you can’t find more time. The theme will save you HOURS and deliver a one of a kind look for your business. You are a designer – don’t show your clients a generic site – use the web to showcase your design talents – you wouldn’t have plastic flowers in your window boxes would you? Good luck!

Reply

Phyllis February 10, 2010 at 2:01 pm

I have a short-cut. I create a new post – add the image – then switch over to the html view – grap the code and put it in the text widget.

Reply

Don Campbell February 10, 2010 at 2:12 pm

That’s a good one Phyllis – it cuts out the need to switch over to the Media Library and then back to the page – thanks for sharing it!
-Don

Reply

Jean March 4, 2010 at 7:34 am

Thank you! WordPress is awesome!! Your tutorials are awesome!

Reply

Rope March 27, 2010 at 4:55 am

Very good and short. Nice.

Reply

Shivanee April 22, 2010 at 10:40 pm

Don … thank you! This has been incredibly helpful. I’d love to reference any of your other tutorial videos, if you’ve got a series of them.

Reply

Don Campbell April 22, 2010 at 10:47 pm

Jean, Rope – thank you!

Shivanee – my pleasure. I do have a series of how-to videos and tutorials for WordPress. You can see more of them here: WordPress Video Tutorials
If there is anything in particular you would like to see, let me know. I’m always looking for new tutorial ideas!

Reply

kurtmarcus April 28, 2010 at 2:09 am

many thanks :) so helpful

Reply

Pilar June 3, 2010 at 4:32 pm

good video, very easy to follow, thank you!!!!

Reply

Sebastian June 15, 2010 at 7:16 pm

Thaks for the great info man, really appreciated!!

Reply

Leave a Comment