Zoundry RavenでAmazonアソシエイトを貼り付けるとおかしくなる

こんなかんじで・・・。下の記事と混ざっちゃてます。

元々のAmazonアソシエイトの埋め込みコード。

<iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=niwakaddojp-22&o=9&p=8&l=as1&m=amazon&f=ifr&md=1X69VDGQCMF7Z30FM082&asins=B004BNMZGE" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>

これをZoundry RavenでWordPressにアップすると以下のように改変される。

<iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&amp;bc1=000000&amp;IS2=1&amp;bg1=FFFFFF&amp;fc1=000000&amp;lc1=0000FF&amp;t=niwakaddojp-22&amp;o=9&amp;p=8&amp;l=as1&amp;m=amazon&amp;f=ifr&amp;md=1X69VDGQCMF7Z30FM082&amp;asins=B004BNMZGE" style="WIDTH: 120px; HEIGHT: 240px" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"/>

終了タグの</iframe>が/>に改変される。

対策

<iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=niwakaddojp-22&o=9&p=8&l=as1&m=amazon&f=ifr&md=1X69VDGQCMF7Z30FM082&asins=B004BNMZGE" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0">123</iframe>

↑</iframe>の前に適当な文字(123)を入れる。文字は表示されないため問題なし。すると</iframe>は残ったままになるのでうまく表示できる。

こんなかんじで。

※厳密にはWordPressで使用されているXHTMLはiframeをサポートしていないため、iframeを使用すべきではないが、AmazonやGoogleマップの埋め込みコードはiframeなのでしゃーない。

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク