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

Date 2011年04月14日

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が消えないようにする記述が必要なくなったようです

Tag WordPress

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

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

2011年5月24日 12:59 PM

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

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

2011年6月9日 12:33 AM

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

返信
WP：構築メモ « m's log より:

2011年7月18日 9:54 PM

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

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

2011年9月15日 3:28 AM

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

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

2011年10月9日 11:42 PM

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

返信
Cialis deutschland より:

2012年1月26日 8:16 AM

thanks, enjoyed the article

返信
【iframeタグ】ある日プレイヤー表示が消える【解決法】 | レキオスとレールより:

2020年10月11日 11:42 AM

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

返信