I've been searching here for a few hours on how to set an image map so that one portion of a featured image is clickable. I think this is different from an image map simply placed within a post or a page because the featured image section doesn't allow for additional code there in the wp page admin.
I went to http://www.image-maps.com/ and created this image map code:
<div style="text-align:center; width:976px; margin-left:auto; margin-right:auto;"> <img id="Image-Maps_7201204251314228" src="http://www.mysite.com/wp-content/uploads/Eraser.jpg" usemap="#Image-Maps_7201204251314228" border="0" width="976" height="300" alt="" /> <map id="_Image-Maps_7201204251314228" name="Image-Maps_7201204251314228"> <area shape="rect" coords="856,20,962,45" href="http://www.mysite.com/pdf/ISO.pdf" alt="ISO-Certified" title="ISO-Certified" /> </map> </div>
[Moderator Note: Please post code or markup snippets between backticks or use the code button.]
Do I use the custom field area? This image map only needs to be on one page. All the other pages don't have this featured image. Also, I'm using the Broadscope theme from Theme Forest.