Need help? Check out our Support site, then


link image file in post to remote URL

  1. Nearly all my posts contain image files (JPEG). Underneath the images I have "view larger image" which is a link to a page on my web site containing a larger image (PNG) and a button to go back to my blog. I would also like visitors to be able to click directly on the image to go to the same URL on my web site. Is it possible to do this on wordpress.com? Thanks.

    Bisogno

    http://blogbisogno.wordpress.com

    The blog I need help with is blogbisogno.wordpress.com.

  2. I am new at this also. But I think what you are asking is very simple.

    While using the WYSIWYG editor for the page or post - there is an icon for inserting an image.

    After selecting the image, a box opens up -- and one of the lines is:

    "Link URL"

    where you can enter any address on the web you like.

  3. When you say "I would also like visitors to be able to click directly on the image to go to the same URL on my web site." could you define whether you mean the smaller image or the larger image, and which specific URL, the image URL, the page contaiing the larger image, or the page containing the regular post?

  4. I'll try to make it more clear.

    All my posts have a jpeg image file, 418 pixels wide, uploaded from my hard drive. Let's call that the "small image". I would like visitors to be able to mouse over the "small image" on the post and click on it to be directed to a page on my server. This page on my server contains a 1024 pixels wide "large image", some text, and a button which directs the viewer back to the blog post.

    If you go to http://blogbisogno.wordpress.com, you'll see what I mean. Each post has the text, "view larger image" under the photo, which is a link to the "large image" page I am talking about.

    Example: The latest (top) post on my blog has a link going to the url, http://www.fotografia-la.com/html_pages/carrizo_pano_blog_large.html.

    I want to keep that link and also add the capability of clicking on the "small image" to get to the "large image" page ( http://www.fotografia-la.com/html_pages/carrizo_pano_blog_large.html).

    Thanks,
    Bisogno

  5. @mrbisogno: avrohomd has already answered your question. For images already inserted in your posts, you get to the same box by clicking on the image then clicking the mountain icon that shows up.

  6. Well, I think I already did what avrohomd mentioned. I typed in http://www.fotografia-la.com/html_pages/carrizo_pano_blog_large.html and it was changed to another address. It linked the small image to a page with a white background and an image which appeared to be an interpolated version of my small image. Definitely not the page I wanted to link to.

    I'll go back and try it again just to make sure.

    Bisogno

  7. avrohomd,

    I think I understand now. Since I already have the image in the post, i have to delete it first and then do what you said?

    I think what I did before was select the image and click on edit, then "link URL" which did not work.

  8. No you don't have to delete and reinsert the images: as I already said, for images already inserted in your posts, you get to the Link URL box by clicking on the image then clicking the mountain icon that shows up. Paste the URL you want, then click the "Update" tab, not the "Link URL" tab.

  9. avrohomd,

    Thanks. I deleted the image then uploaded it again and did what you said to do in the new upload window and it worked like a charm. I was trying to link the old image that was already in the post by clicking on edit which also brings up a window for a link......but it doesn't work.

    Thanks again,
    Bisogno

  10. panaghiotisadam,

    Sure doesn't work for me.

    I'll give it one more try.

  11. What you're describing in your 3:45 AM post is what happens if you click the "Link to Image" tab. Just paste the URL in the link box without clicking any of the tabs directly below it - just Update, then Update Post.

  12. As an alternative, you can switch the editor to html and change the code directly. Where it says:
    <img src=" ...etc... " />
    turn it to:
    <a href="WEBPAGE_URL_HERE"><img src=" ...etc... " /></a>

  13. panaghiotisadam,

    I think that is exactly what I did. I clicked the "Link to Image" tab. I've got it now. Thanks for hangin' in there with me.

    mrB.

  14. avrohomd,

    Hope you didn't think I ignored your post. Thank you for your help.

    Bisogno

Topic Closed

This topic has been closed to new replies.

About this Topic