Clickable image ‘hotspot’ to URL

  • Unknown's avatar
    capitolhomeschoolers · Member ·

    Hi. How do I add a clickable hotspot to a portion of an image which will then redirect the clicker to a new URL? Thanks!

  • staff-mckluskey · Staff ·

    Hi there!

    What’s the address of the site you’re working on?

    Please note that these forums are for WordPress.com hosted sites only. If your site is using the open-source WordPress.org software, we won’t be able to help you out and you’ll want to seek help at these forums:

    https://wordpress.org/support/forums/

  • Unknown's avatar
    capitolhomeschoolers · Member ·

    I have just begun, and it is slow going. The site is http://capitolhomeschoolers.com. I found the code below online that I was able to modify and get little shapes to be clickable, but I haven’t figured out the coordinates thing yet so I can plan where it’s clickable. Maybe there’s an easier way? When I did this year’s ago using another program, I could just draw a shape around the area I wanted clickable and add a URL target. Is anything like that available (for free)? Thanks for helping!

    <!DOCTYPE html>
    <html>
    <head>
    <title>Butterfly</title>
    </head>

    <body>
    usemap
    <map name = “lessons”>
    <area shape = “poly” coords = “74,0,113,29,98,72,52,72,38,27”
    href = “https://monarchwatch.org” alt = “Perl Tutorial” target = “https://monarchwatch.org” />
    <area shape = “rect” coords = “22,83,126,125” alt = “HTML Tutorial”
    href = “https://monarchwatch.org” target = “https://monarchwatch.org” />
    <area shape = “circle” coords = “73,168,32” alt = “PHP Tutorial”
    href = “https://monarchwatch.org” target = “https://monarchwatch.org” />
    </map>
    </body>
    </html>

  • staff-mckluskey · Staff ·

    Ah, we won’t be able to help you here as your site is hosted on Siteground, not on WordPress.com.

    Because WordPress.com and WordPress.org are two entirely separate entities, we cannot access files or data for sites that are hosted elsewhere, so WordPress.com staff can only assist with sites that are hosted on our servers. You can read more about the differences between WordPress.org software and WordPress.com here:

    WordPress.com vs. WordPress.org

    You can look for help at the community forums here: https://wordpress.org/support/forums/

    http://wordpress.org/support/ is also a great resource for sites using the open-source WordPress.org software.

  • The topic ‘Clickable image ‘hotspot’ to URL’ is closed to new replies.