Adding an Image to a Link

• 

  crossfithi · Member · Jan 10, 2013 at 11:41 pm

  • Copy link
  • Add topic to favorites

  how do i add an image to one of my links so the user can click on the image to access the link ?

  i want to use the following code to add the image link:

  <img src=”http://journal.crossfit.com/templates/images/graphic-300×150.jpg” width=”300px” height=”150px” alt=”CrossFit Journal: The Performance-Based Lifestyle Resource” />

  The blog I need help with is: (visible only to logged in users)

• 

  rachelmcr · Member · Jan 11, 2013 at 2:58 pm

  • Copy link

  Instead of thinking of it as adding an image to a link, think of it as adding a link to an image.

  If you are putting the image in a page or post, you can follow these directions: http://en.support.wordpress.com/links/image-links/

  If you want to put the image in your sidebar, you can use the image widget: http://en.support.wordpress.com/widgets/image-widget/

  And if you want to manipulate the HTML directly, just put your link HTML around the image url:

  <img ... />

• 

  rachelmcr · Member · Jan 11, 2013 at 3:00 pm

  • Copy link

  For some reason, the code markup didn’t work in my post. But here’s a tutorial for how to write the HTML to create a linked image: http://www.tizag.com/htmlT/htmlimagelinks.php