如何将图像地图插入到WordPress博客文章中?

时间:2012-02-13 作者:nhinkle

我正在尝试在博客文章中插入一个自定义图像映射,以便单击文章顶部图像的不同部分,可以在文章的其他部分定位。

我已经正确地生成了图像映射代码,并在一个单独的非wordpress普通HTML页面中对其进行了测试,效果良好。

每当我插入HTML时(使用代码视图,而不是WYSIWYG编辑器视图),它在我保存帖子时就会被删除。然而,我检查了一下<map><area> 都是permitted tags on Wordpres.com.

此博客不由Wordpress托管。com(它实际上是WPMU instane上托管的站点right here on Stack Exchange), 但我假设默认情况下,下载的Wordpress版本至少允许使用与Wordpress相同的标签。com托管的博客。

是否有网络超级管理员必须更改的设置以允许这些标记,或者我是否插入了错误的标记?如果允许这些标签,是什么导致它们被彻底删除?

1 个回复
SO网友:krembo99

是的,应该可以这样实现。。

<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>
复制整个代码(包括div)并粘贴到编辑器的HTML选项卡中。此图纸上的前2个“封面”应作为不同的链接使用。

结束

相关推荐

WordPress图像标题中的HTML标签

我正在用Wordpress(3.3)开发一个客户端网站,但发现图像标题功能去掉了任何HTML标记。由此产生的标题是纯文本,这使得正确的图像贷记很困难。作为一个客户网站,所见即所得编辑也是必需的。例如,如果我的短代码是:[caption caption=\"This is my <em>example</em> caption\"] <a href=\"http://example.com/image.jpg\"> <img src=\"http:/