web-dev-qa-db-ja.com

Wordpressのブログ記事に画像マップを挿入するにはどうすればよいですか。

ブログの投稿にカスタムイメージマップを挿入しようとしているので、投稿の上部にある画像のさまざまな部分をクリックすると、投稿の他の部分にアンカーが表示されます。

イメージマップコードを正しく生成し、それをワードプレス以外のプレーンな別のHTMLページでテストしました。

HTMLを挿入すると(WYSIWYGエディタビューではなくコードビューを使用して)、投稿を保存するとすぐに消去されます。しかし、私はチェックしました、そしてそれは<map><area>の両方が---であるように見えます Wordpres.comで許可されたタグ

このブログはWordpress.comではホストされていません(実際にはWPMUのInstane上のサイトです Stack Exchangeの右側 )、しかしデフォルトではダウンロードされたWordpressのバージョンはWordpress.comがホストしているブログと同じタグが最も少ない。

これらのタグを許可するためにネットワークのスーパー管理者が変更しなければならない設定はありますか、それとも間違って挿入していますか?タグが許可されている場合、何がタグを完全に削除させるのでしょうか。

1
nhinkle

はい、それはこのように達成可能なはずです..

<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つの「カバー」は異なるリンクとして機能するはずです。

1
krembo99