How to add a Photo to the 2nd page of a left Sidebar

Viewing 7 posts - 1 through 7 (of 7 total)
  • #6107
    TheSivartGroup
    Participant

    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

    #6120
    gindavall
    Participant

    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.

    • This reply was modified 8 years, 10 months ago by gindavall.
    #6129
    TheSivartGroup
    Participant

    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.jpg

    When 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.

    #6133
    gindavall
    Participant

    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?

    #6136
    TheSivartGroup
    Participant

    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

    #6141
    gindavall
    Participant

    Widgets are site-wide. Which means a widget can’t display different content on different pages.

    #6196
    Daniel Tara
    Keymaster

    Not necessarily. You can use a plugin like Widget Logic to display widgets only on selected pages.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.