-
I imagine this is intuitive to most – not me. I’m desperately attempting to figure how to add a photo to my sidebar on my “About Me” page; that fits the wide of the Sidebar. Thanks
You have to use the “Sidebar Top” widget area because it’s full width. Sidebar Right and Sidebar Left are half width.
Use a text widget and insert basic HTML to call up your picture.
An example:
<a href=”target link here”>
<img border=”0″ src=”url of image” alt=”alt text” width=”32″ height=”32″ />
</a>Just fill in the appropriate information. The width and height of the image, of course, can be set here, experiment to see what’s optimal on your site. Of course, keep the ratio of the dimensions the same or you’ll distort your picture.
If your image is in the media library (as opposed to being hosted elsewhere), then get the URL of the photo from the properties of the media item itself.
Thank Gindavall for the detailed steps. I guess my only challenge is – since I only want a full width photo in my left SideBar of my “About” page, what portion of the URL would I include? The photo uploaded from my computer to the Library includes this long URL….
http://www.encinoconciergetherapist.com/wp-content/uploads/2012/08/Tony-Award-Black-and-White-296×446.jpgWhen I try various parts of the URL I get a tiny incomplete error icon in the top left SideBar (see http://www.encinoconciergetherapist.com/?page_id=91).
I know the solution is hiding in plain sight.You’d use the whole URL. It’s the address that points to the file on your server. If you only use part of the URL, you’ll get an error. (btw, when I click on your image URL I get an error. Try your URL just by itself in the browser, does it work for you? Check that first.)
The 296×446 in the URL is not really a dimension, it’s the name of the file, so that’s not where you change the size of the picture. If you want to make the picture smaller then you’d specify the dimensions in the HTML (see the code I posted above). But you’ll have to pick numbers in the same ratio as 296/446 so that your picture doesn’t distort.
Or, change your picture to the size you want in a photo editor, then upload to your site.
Did I answer your question?
Thanks Gindavall. Yes, you definitely answered my question. When I tried it with a different photo and the image code…. It worked great!
Unfortunately, that specific pic is showing up on all the pages with side bars. I’m quite sure I’ll find the solution for adding specific photos to specific pages. Thanks again Gindavall
You must be logged in to reply to this topic.