WordPress.org

Ready to get started?Download WordPress

Forums

How to make clickable images (9 posts)

  1. vinoman
    Member
    Posted 2 years ago #

    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?

  2. 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.

  3. zanzaboonda
    Member
    Posted 2 years ago #

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

  4. govpatel
    Member
    Posted 2 years ago #

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

  5. zanzaboonda
    Member
    Posted 2 years ago #

    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.

  6. zanzaboonda
    Member
    Posted 2 years ago #

    @govpatel Thanks, btw. :)

  7. shirazdrum
    Member
    Posted 2 years ago #

    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.

  8. Obadiah
    Member
    Posted 2 years ago #

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

  9. vinoman
    Member
    Posted 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags