Using a picture as an external link

  • Author
    Posts
  • #575399

    friendlyfish
    Member

    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.

    #575567

    timethief
    Member

    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/

    #575579

    friendlyfish
    Member

    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.

    #575580

    panzerpuff
    Member

    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)

    #575581

    panzerpuff
    Member

    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.

    #575583

    @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>

    #575585

    raincoaster
    Member

    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.

    #575598

    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>

    #575646

    friendlyfish
    Member

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

The topic ‘Using a picture as an external link’ is closed to new replies.