Create Hotspot in WordPress within a single image

Asked By 60 points N/A Posted on -

Hello Dear Friends, I want to know on how to create Multiple links or create Hotspot in WordPress within a single image.

Answered By 0 points N/A #155288

Create Hotspot in WordPress within a single image


Hi Dave,
In Word press If you want one image to link to different URLs or you just want on part of your image to be a link. Word press does not offer a built in option for this, but do a little prep-work in Dreamweaver and you are good to go. I am giving details below for your help.
1- In Dreamweaver, create a new blank HTML document.
2- In WordPress, upload your image. Copy the image URL to your clipboard.
3- Back in Dreamweaver, paste the image URL between the <img src=”and”> tags like
<img src=”your image link” alt=”” width=”xxx” />
4- Now click on the image so the properties panel will open.
5- Select the shape you want your hotspot to be, for this. Create the shape over the area you want to link.
6- With the shape selected, fill in the link URL in the link box. If you want the link to open in another window select”_blank “from the target drop down menu.
7- Repeat this for each area.
8- Go to the code and copy everything within the<map></map> tags.
9- Paste this code into your WordPress HTML editor, adding the code usemap=”#Map “into the img src tags like so, and your image will be ready for use.

Hopefully this instruction will help you.
Raun Nelson

Related Questions