umeda
6/23に「Like Box」廃止→「Page Plugin」へ
来週、2015年6月23日に「Like Box」が廃止されるため、
「Page Plugin」に差し替える必要があります。
当初、この「Page Plugin」のサイズは
『横幅:280px~500px、高さ:130px~』と発表されていて、
280pxより小さく表示することはできませんでした。
(右端が切れてしまう。)
「Like Box」は『左ナビのメニュー下』などに設置していることが多いため
影響の大きい変更でとても困っていました…。
(当サイトの右ナビ内「Like Box」の横幅も 260px。)
「レイアウト変更か?」「削除する?」「CSSで調整だ!」と相談していましたが、
今月に入ってからも何度か「Page Plugin」の仕様が変更され、
以前より小さい『横幅:180px~500px、高さ:70px~』で表示できるようになりました!
→Facebook Developers「Page Plugin」
https://developers.facebook.com/docs/plugins/page-plugin
「Get Code」ボタンをクリックすると必要なコードが表示されます。
↓
「1」は <body>タグのすぐ下に、
「2」は「Page Plugin」を配置したい部分へコピペしてください。
【サイズ】
・横幅:180px~500px(デフォルト:340px)
・高さ:70px~(デフォルト:500px)
【オプション】
・Facebookページのカバー写真(表示/非表示)
・Facebookページのカバーサイズ(デフォルト/Small Header)
・友達の顔写真(表示/非表示)
・Facebookページの投稿(表示/非表示)
※「Page Plugin」の幅は、親要素の width に合わせて可変しますが、・横幅:180px~500px(デフォルト:340px)
・高さ:70px~(デフォルト:500px)
【オプション】
・Facebookページのカバー写真(表示/非表示)
・Facebookページのカバーサイズ(デフォルト/Small Header)
・友達の顔写真(表示/非表示)
・Facebookページの投稿(表示/非表示)
(「Adapt to plugin container width」にデフォルトでチェック)
180px × 70px よりも小さく、横幅を500pxよりも大きくすることはできません。
●最小サイズ(180px × 70px)
●最大幅(500px × 500px)※高さはデフォルト。これ以上大きくもできます。
・カバー写真(表示)、友達の顔写真・Facebookページの投稿(非表示)
・カバー写真・友達の顔写真・Facebookページの投稿(非表示)
※「Hide Cover Photo」をチェックした場合
Facebookページのカバー写真も表示されるようになり、 より賑やかな雰囲気になったように思います。 サイトとFacebookページがより盛り上がるようになるといいですね!
こちらでご紹介しました情報は、2015年6月17日現在のものです。
仕様変更によりサイズ等が変わることも考えられますので、
今後のFacebookの公式発表に十分ご注意ください。