Plugin)を設置。タブレット表示の際、プラグイン読み込みで横幅の長さが変わって画面がチラつくときの対策。Plugin)を設置。タブレット表示の際、プラグイン読み込みで横幅の長さが変わって画面がチラつくときの対策。このブログに、やっとfacebookページプラグインを設置しました。何カ所か迷うこともあったので、書き留めておきます。問題はタブレット(Android6.0のNexus9)でブログを見たときです。このブログはタブレットの縦横表示もPCと同じレイアウトで表示出来るようにViewportが設定してあります。STINGER5のタブレット縦表示を横表示と同じレイアウトに変更そのため、ブログの横幅がfacebookページプラグインの読み込みタイミングで変わって、見にくくて困りました。スポンサーリンクFacebookページプラグインのコードを作る※上記の図はロイターの元記事にリンクします。Facebookページプラグインをサイドバーに設置するために、まず埋めこみコードを取得します。Pluginページで作ります。Pluginページ項目の設定Facebookページのアドレスと表示形式のチェックボックスを希望の形になるように設定します。Codeボタンを押せば2つのコードを取得できます。上記で得られた2つのコードをあわせてサイドバーウィジェットに設置します。これで、Facebookプラグインを設置できました。!」ブログはタブレットではPCと同じレイアウトで表示するようにVewportを指定しています。Pluginの領域は横幅がフリーになっているので、読み込み時にサイドバーの幅を超えてしまいます。そのためブログ全体の横幅の長さが変化します。それが原因でタブレット(Android6.0のNexus9)でみるとブログの横幅が変わってチラチラする現象が起こります。見にくいので以下のCSSコードを設置して、横幅のオーバーフローした部分を隠してしまいます。}}これで、画面横幅の変化によるチラつきはなくなります。思ったのですが...実際には対策にならなかった一時問題は解消したかに見えたのですが、テンプレートを修正したりしていたら、問題が再発しました。しても、ちらつきが嫌な場合は、スマホでのレスポンシブ対応を犠牲にして、コード取得時に「Width」の項目に幅300を入れるしかなさそうです。Facebookページプラグイン自体のレスポンシブ対応がいまいちですね。対応出来なかったのが残念です。分かった方がいらしたらカキコお願いします。申し訳ないですが、このへんで。Lisaこの後よく読まれている記事Stinger5のブログにGoogleカスタム検索を追加してみました。このブログにGoogleカスタム検索を追加してみました。