Need help? Check out our Support site, then


Using a picture as an external link

  1. I think that this should be easy but it's not working. I'm trying to link a picture on my blog portfolio to another website. I'm using the link button, placing the URL in the field and checking open in new window.

    After updating the page, it doesn't show the link. What am I missing?

    Thank you!

    Garry

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

  2. Is your blog portofolio here at wordpress.com? Is the image in your Media Library on wp.com servers? Or is it being hosted on an external site?
    See here please > Links ยป Image Links http://en.support.wordpress.com/links/image-links/

  3. Thank you @timethief. I saw the image links page but unless I'm missing something I don't think that covers it.

    Here's the link to my page - http://friendlyfish.wordpress.com/portfolio-web/ - with the photo of another blog that I'm developing (that you answered a question about btw, thank you). And what I want to do is have the screenshot of that blog be, in fact, a link to that site.

    I know that I could produce a short text link below it, for example. But thought that I'd like to have the picture link as well.

  4. Hmm, if its a page you can edit you can go to the HTML editor and put the whole image inside the tag which would look like this.


    <img src="url"/>
    Some text you can add as part of the link below the image

    You'll replace the url with the location of the image you'll be linking. This should make the image clickable as well as the text below and link to the site you want. (In this case, this HTML links to google.com)

  5. Oh the HTML code got parsed. Sorry, didn't know that'd happen.

    The html I posted should be something like this:

    {a href="www.google.com"}

    {img src="url"}
    some text you can add as part of the link below the image

    {/a}

    If you replace the {} with <> you'll get the equivalent HTML.

  6. @panzer, enclose your code either in backticks (to the left of the #1 key) or put "code tags around it to get it to show up in the forums.

    <code>put your code here </code>

  7. There's another way: When you go to Insert the image, there's a place to put a link, and it gives you a choice of linking to the file itself, to the page, or to NONE. If you choose NONE it clears out the default "Link to file" and then you can paste in the link you want. You then have to edit it and make the link open in an external window if that's what you want, but it's the way I use it on my blog all the time.

    You can get back to those options by (in the visual editor) clicking on the image and then on the Mountain icon which pops up. That lets you edit the image and link is under Advanced Options.

  8. Now that you've published it, the fastest way is to switch the editor to HTML and change this:
    <img [etc.etc.etc] height="238" />
    to this:
    <a href="BLOG URL HERE" target="_blank"><img [etc.etc.etc] height="238" /></a>

  9. SWEET! Got it! I knew there were simple, multiple ways to do this. I was just overlooking it. Thank you for all the responses!

Topic Closed

This topic has been closed to new replies.

About this Topic