WordPress.org

Support

Support » How-To and Troubleshooting » How to make clickable images

How to make clickable images

  • What is the best way to make clickable images?

    I’m working on a site: http://graphicmagic.net and there will be many images of his art that need to be clickable links to other pages. What is the best plugin for the job?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Christine Rondeau

    @crondeau

    Volunteer Forum Moderator

    All of the images can be made clickable. That feature is built in. When you add a new image, you can either link it to a larger version or insert any url that you want.

    Right now both images on your home page are clickable.

    @vinoman Right now, if you click on the pictures, they will take you to just the photo itself, where it is located in your media library (on your server). E.g., the first one links to: http://www.graphicmagic.net/wp-content/uploads/2012/02/gm-parts2.jpg

    When you insert the picture on your page, the box where it says “insert in post” has a lot of options above that. One is the URL that the picture should point to. You can change this to whatever URL you want.

    If you click on the HTML tab (as opposed to the visual editor tab), you can see how the link is set up. E.g., a basic link would be <img src=”yourimage.gif”>. You can just replace the “http://yoursite.com” with whatever URL you want. Does that make sense?

    If you’re wanting them to go to a page where the artwork can be purchased, for example, you can just change those links. If you just want a pretty gallery of images, there are some nice plugins for that as well.

    @zanzaboonda

    If you click on the HTML tab (as opposed to the visual editor tab), you can see how the link is set up. E.g., a basic link would be <img src=”yourimage.gif”>. You can just replace the “http://yoursite.com” with whatever URL you want. Does that make sense?

    Correction

    You need to change <a href="url " not <img src="yourimage.gif">

    Yes, sorry. It inserted it as a link unintentionally. I forgot to add the code backticks. LOL

    Here’s what I meant it would look like:

    <a href="http://yoursite.com><img src="yourimage.gif"></a>

    You would replace the “http://yoursite.com” with the url you want.

    @govpatel Thanks, btw. 🙂

    Based on the images on the site, that’s not what he’s trying to do. He has images that want the certain area of it to be hotspot. unless you are a relative or a friend trying to do peter a favor for no pay and pension, please tell the guy that you’re incapable of doing a job like that. Let the poor guy hire someone who can deliver. He deserves that much.

    For the sake of accessibility, you really should be using separate images for each link.

    Thank you for the help. Now I see that image properties has a URL box to place the link. That’s all I need. 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to make clickable images’ is closed to new replies.
Skip to toolbar