Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

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.

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?

share|improve this question
    
You should make this an template file. –  kaiser Feb 13 '12 at 10:01
    
What do you mean @kaiser? I am not a blog admin, so I can't edit the templates. I don't see any reason to put it in the template though; it's only for use on a single post. –  nhinkle Feb 13 '12 at 10:02
    
Without real access, you can't achieve it. Anyway: Even if it's only used 1&times;, you should use a template. –  kaiser Feb 13 '12 at 11:08
1  
@kaiser - I believe he wants just to insert an image map to a post .. –  krembo99 Feb 13 '12 at 11:41
    
Yes, but without the possibility to allow those tags: No Chance. –  kaiser Feb 13 '12 at 11:46
show 2 more comments

1 Answer

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.

share|improve this answer
    
Did you visit the link the OP provided with the allowed tags? –  kaiser Feb 13 '12 at 11:46
    
img, map and area are all allowed codes, and I put in code very much like that above. That's why I'm confused. Why didn't it work? –  nhinkle Feb 13 '12 at 22:03
    
@kaiser- Yes, I did visited, and they seem to be allowed as also the poster claims . There is a reason for why I have posted the code and asked to copy&paste as is , and post the results back in order facilitate troubleshooting.. –  krembo99 Feb 15 '12 at 10:45
    
@krembo99 - thanks , Although I myself am not the original question owner - your answered helped - for some reason I previously could not post an image map - but copying your code worked . I do not know why, maybe it is the <div> part . Anyhow - thanks a lot .. –  user13279 Feb 15 '12 at 11:26
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.