WpTouchでiframeを使用すると表示が崩れる

WP(プラグイン)
この記事は約1分で読めます。
この記事は最終更新日から9年経過しています。内容が古い可能性があります。

WpTouchをUpDaieしたところ、<iframe>を使用したページを表示するとページデザインが崩れるようになってしまった。
例えば当サイトのYouTubeの動画を共有しているページは<iframe>を使用して埋め込んでいる。

すると、以下のようにWPtouchの「Header & Menu」で設定した色が、
アイキャッチ画像の下まで続いてしまう(bodyまで侵してしまう)ことがわかる。

wpt10

wpt1

これは、ずっとページ下部</body>まで続いてしまう。

wpt2

wpt3

wpt4

 

そこで、<iframe>を使わずにYouTubeからこれ↓で貼り付けてみた。

wpt5

すると、WpTouchの設定通り、「Header & Menu」の色はアイキャッチまで
来ていないことがわかる。(bodyを侵していない)

wpt6

wpt7

wpt8

wpt9

 

このようにWpTouchとiframeは相性が悪いことがわかる。
Googleマップを埋め込んだページも見られなくなった。

対処方法は過去のバージョンのみわかっているが、現在の
バージョンにはcore.jsがないので今のところ分からない。

【2014/2/6追記】
WPをバージョンアップしたところ直ったもよう。
結局のところ、プラグインが原因か、テーマが原因か切り分けできなかった。

コメント

タイトルとURLをコピーしました