wake-up-neo.com

Wie kann ich eine Imagemap in einen Wordpress-Blogeintrag einfügen?

Ich versuche, eine benutzerdefinierte Imagemap in einen Blog-Beitrag einzufügen, sodass das Klicken auf verschiedene Teile eines Bildes oben im Beitrag zu Ankern in anderen Teilen des Beitrags führt.

Ich habe den Imagemap-Code korrekt generiert und in einer separaten HTML-Seite ohne WordPress getestet, auf der er einwandfrei funktioniert hat.

Immer wenn ich den HTML-Code einfüge (mit der Codeansicht, nicht mit der WYSIWYG-Editoransicht), wird er gelöscht, sobald ich den Beitrag speichere. Ich habe es jedoch überprüft und es sieht so aus, als ob <map> und <area> beide zulässige Tags auf Wordpres.com sind.

Dieses Blog wird nicht von Wordpress.com gehostet (es ist eigentlich eine Website auf der WPMU instane gehostet hier auf Stack Exchange ), aber ich würde davon ausgehen, dass die heruntergeladene Version von Wordpress standardmäßig erlauben würde,mindestensdie gleichen Tags wie die von Wordpress.com gehosteten Blogs.

Gibt es eine Einstellung, die ein Netzwerk-Superadministrator ändern muss, um diese Tags zuzulassen, oder füge ich sie falsch ein? Wenn die Tags zulässig sind, kann dies dazu führen, dass sie vollständig entfernt werden?

1
nhinkle

ja, so sollte es erreichbar sein ..

<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>

kopieren Sie den gesamten Code (einschließlich div) und fügen Sie ihn auf der Registerkarte HTML im Editor ein. Die oberen 2 "Cover" in dieser Zeichnung sollten als unterschiedliche Links funktionieren.

1
krembo99