How can I insert an image map into a WordPress blog post?

1 Views

I’m trying to insert a custom image map into a blog post, so that clicking on different parts of an image at the top of the post will lead to anchors in other parts of the post.

I have generated the image map code correctly, and tested it in a separate non-wordpress plain HTML page, where it worked fine.

Read More

Whenever I insert the HTML (using the code view, not the WYSIWYG editor view), it gets erased as soon as I save the post. However, I checked and it looks like <map> and <area> are both permitted tags on Wordpres.com.

This blog is not hosted by WordPress.com (it’s actually a site on the WPMU instane hosted right here on Stack Exchange), but I would assume that by default, the downloaded version of WordPress would allow at least the same tags as the WordPress.com hosted blogs.

Is there a setting which a network super-admin has to change to allow these tags, or am I inserting them incorrectly? If the tags are allowed, what might cause them to be outright removed?

Post Views: 1

Related posts

Leave a Reply

1 comment

  1. yes, it should achievable like this ..

    <div>

<img class="alignnone" id="imageMaps" src="http://businessplumbing.com/wp-content/uploads/2011/11/Sloan-Royal-Flushometer.png" alt="" width="298" height="595" usemap="#flushometer" border="0" />

<map name="flushometer" id="flushometer"> 

<area shape="rect" coords="219,6,277,41" href="http://businessplumbing.com/products-page/lavatory-sink/sloan-royal-flushometer-a-72-cp-cover/" alt="A-72 CP Cover" />

<area shape="rect" coords="218,42,278,70" href="http://businessplumbing.com/products-page/lavatory-sink/sloan-royal-flushometer-a-71-inside-cover/" alt="A-71 Inside Cover" />

</map>

</div>

    copy the whole code (including div) and paste in HTML tab in editor .
    the top 2 “covers” on this drawing should work as different links.