WPtouchの動画コードのiframeタグとの不都合を解決するには|アダルトサイト運営

2015年11月5日木曜日

サイト運営

t f B! P L


続けてWordPressのカスタマイズをやっている。WordPressをスマホ対応にするプラグインのWPtouchにはiframeのタグとの不都合があるようだ。Youtube、Xvideos、xhamsterをはじめとする動画サイトのコードは、iframeを使っているのでどうもうまく表示されない。

どうなるかというと、スマホで見るとサイズオーバーしてる動画をWPtouchが縮小しようとするが、いったん縮小した動画をiframeのタグがふたたび元の大きさに戻してしまう。それをWPtouchがふたたび縮小しようとして……という動作を永遠にくりかえしてしまうようだ。

それで対策を調べてみると前のバージョンのWPtouchだと、『wptouch/themes/core/core.js』というのをエディットすると治ったようだが、今のバージョンではこのファイルが存在しない。

WPtouchでYoutubeなどのiframeコードが本文に含まれる記事の表示が崩れてしまう場合の対処法 | gori.me
http://gori.me/wordpress/33097


それで困ったが、

iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

というタグをCSSに入れると自動的に動画が100%になって上の症状がなくなるようだ。このタグは便利なので他にも使えそうだな。

参考サイト
youtube動画 スマホサイズ 自動調整
http://nagihiro.com/socialmedia/you_smaho/


そのほか、検索して調べて、ヘッダー下に画像RSSなどを表示できるようにカスタマイズして、これでスマホ対応はほぼ完成。

にほんブログ村 漫画ブログ ホラー・怪奇漫画へ
にほんブログ村←気に入ったら投票してください。

このブログを検索

ブログランキング

にほんブログ村 猫ブログ MIXキジトラ猫へ
にほんブログ村 猫ブログへ
にほんブログ村 アウトドアブログ ウォーキングへ
にほんブログ村 地域生活(街) 東京ブログ 世田谷区情報へ
にほんブログ村←クリックしてね

ブログ アーカイブ

自己紹介

自分の写真
Tokyo, Japan
漫画家、自宅録音家。 代表作「怪奇カエル姫」「37564学園」。 2001年、いぬん堂からCD「アントニオ青年のエイリアンセックス体験」発売。 2013年、アメリカのMonofonus Pressからカセットテープ「Attack of the Killer Hamster」発売。

QooQ