WordPressでiFrameが消える時の解決方法

WordPressでiFrameが消える時の解決方法

WordPressで記事を投稿する際、HTML編集モードでiFrameを直接入れても、ビジュアル編集モードに切り替えるとiFrameが勝手に消されてしまいます。
あまりないかもしれませんが、例の1つとしてはGooglemapがあげられます。
その時の対処法をご紹介します。


iFrameがごっそり消える

GooglemapをWordpressのブログに貼ろうと、コードをコピペします。
ビジュアルモードだとタグがそのまま表示されてしまうので、コピペする時はHTMLモードです。


このまま保存して公開すれば問題ないのですが、ビジュアルモードに変えた途端、iFrameのタグがごっそりと消えてしまいます。


HTMLモードに戻してみると、こんな感じです。
コードが半分以下になってしまっているのが、目に見えて明らかです。

iFrameが消えないようにする

各テーマフォルダ内にある「functions.php」に下記のコードを追加してあげることで、iFrameが消えなくなります。
「functions.php」がない場合は新たに作成し、現在利用しているテーマフォルダの中にアップロードします。
(新規で作る時は、<?php ?>のタグでくくるのを忘れないように気を付けてください)

add_filter('tiny_mce_before_init', create_function( '$a','$a[&quot;extended_valid_elements&quot;] = &quot;iframe[id|class|title|style|align|frameborder|height|longdesc|marginheight|marginwidth|name|scrolling|src|width]&quot;; return $a;') );

そうすると、ビジュアル編集モードに変更してもiFrameが消えなくなります。
Googlemap以外でも使うシーンがあるかもしれませんので、そういう際は是非ご活用を。

参考:
WordpressでGoogleMapのiframeが消える件を解消する方法 « 27,000円サーバ運用物語
※上記サイトでは「function.php」に記述すると書かれていますが、正確には「functions.php」です。


[2011/11/11追記]
Wordpress3.2.0にてiframeを入力してみたところ、functions.phpに記述がなくとも消えませんでした。
WordPressでiFrameが消えないようにする記述が必要なくなったようです

“WordPressでiFrameが消える時の解決方法” への7件のフィードバック

  1. Wordpress で Google Maps を表示させるプラグインGoogle Maps v3 Shortcode | Nutspress より:

    […] wordpressでiframeタグが使えない - 解決方法 WordPressでiFrameが消える時の解決方法 […]

  2. GoogleMapを貼付けてみました。 – JackDelic より:

    […] http://unimakura.jp/wordpress/wordpress-iframe-vanish.html […]

  3. WordPressでiframeタグを表示する。 | Code Life より:

    […] こちらを参考に下記のコードを追加してみました。 WordPressでiFrameが消える時の解決方法 […]

  4. | Wordpress3.1入門備忘録 より:

    […] WordPressでiFrameが消える時の解決方法 – うにまくら.jp « WordPressでページナビゲーションを設置する […]

  5. Cialis deutschland より:

    thanks, enjoyed the article

  6. […] うに、WordPressの「functions.php」にコードを追加する方法です。“WordPressでiFrameが消える時の解決方法” […]

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です