Need help? Check out our Support site, then


I've inserted an image in a post and want it to link to an external site. How?

  1. This seems like a silly question, but I'm struggling with it and not finding any threads about it.

      I simply want to link images
    that I insert into blog posts
      to external URLs
    . It seems like a very basic thing. I'm no HTML wiz, but I can take direction. Thanks very much for enlightening me!

    The blog I need help with is teresayoung.com.

  2. Let me try again: I simply want to link images that I insert into blog posts to external URLs. Thanks for your help!

  3. When inserting the image, you can put the URL you want the image linked to into the "link URL field in the insert media window and then insert the image.

    On existing images, open the post in the editor, click on the image to highlight it and then click the "link" icon in the toolbar, type or paste in the URL you want the image linked to and then click "insert."

  4. Greetings, Richard, and thanks so much for this reply. I've tried these steps repeatedly, as they seem straightforward, but I haven't succeeded in linking to an image, though I do so to text easily.

    If you have a moment to look at my "Beautiful Resources" page--www.teresayoung.com--I've just linked the four images again to four external sites, and I get nothing. The one step I've been uncertain about is the "open in a new window or tab" question. This time I didn't check it, though I tried checking it when linking to sites a few minutes ago. I'll greatly appreciate your further thoughts/suggestions.

    Great site, by the way! I haven't been to Hawaii yet and want to! And thanks again...

    Teresa

  5. If you open that page in the editor, click on an image and then click on the "edit image" icon that appears at upper left you will see something similar to this:

    http://flippintestblog.files.wordpress.com/2011/12/edit-image.png

    Put the URL you want the image linked to into the "link URL" field where I put http://wordpress.com/ . Then click the "update button on that window, and then click the "update" button for the post.

  6. And thanks on the compliment.

    As far as the new window/tab or not, that is your preference. Some people don't like sites that automatically open a new tab or window when they click on an image or link, so use it sort of sparingly.

  7. Thank you, Richard! That worked beautifully. I'll be totally satisfied when I can get the images and text on that page to justify the way I want them to, but I'll initiate that question in another thread if I can't find the answers in existing posts. Take care and thanks again!

  8. I'll be totally satisfied when I can get the images and text on that page to justify the way I want them to, but I'll initiate that question in another thread if I can't find the answers in existing posts.

    one cool site
    WordPress blogging tips, tools & tutorials
    Align Images: HTML Tables for WordPress Blogs Edit this entry

    Posted on March 24, 2010 by timethief

    119

    sad girlAligning multiple images in a WordPress blog in an attractive and organized manner is frequently problematic, most particularly for new bloggers. They often ask: Why don’t my images align the way I want them to?

    This second HTML table tutorial is aimed answering that question and providing a solution. After wrestling with alignment and spacing in the editor, I discovered placing images in HTML tables in my WordPress blog presented them extremely well and was easy to do, provided your theme does support HTML tables but not all themes do.

    Why don’t my images align the way I want them to? http://en.support.wordpress.com/visual-editor/#alignment
    The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that’s centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.

    • Align-left means position left, with the rest of the content wrapping around the right side of the image.
    • Align-right means position right, with the rest of the content wrapping around the left side of the image.
    • Align-center means position center, with no wrap-around (= the rest of the content below the image).

    So if you want your images to be side by side on the same line start by setting the alignment of all three images to left. To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
    <br style="clear:both;" />

  9. YIKES! I accidentally copied and pasted more than I meant to above. Please ignore from "one cool site to ... but not all themes do". And note what comes after that.

  10. Hi, timethief, I'll try your instructions when I can get back online later. Thank you so much! Your "name" is so prescient of the whole blog reality, yes? It's just fun, and I completely lose track of time. Thanks again and I'll be back...

Topic Closed

This topic has been closed to new replies.

About this Topic