Facebookのいいねボックス(LikeBox)の表示が変!?
とかく仕様変更の多いFacebook。
今回はFacebookのプラグインいいねボックス(LikeBox)の仕様変更による表示方法の対応です。
気が付けばサイドナビゲーションに表示してあるいいねボックスの下部が切れて中途半端に。
ボーダーもついていないし、タグに直接border-bottomと入れればボーダーは入りますが、なにやらそれでは気分が悪い。
色々調べてみると解決方が見つかりました。
▲いつしか上記画像のように下が切れている状態に・・・
というわけで色々試してみたところ、今まではheightを指定していませんでしたが、まずheightを適当に設定。そしてコピペするタグを変更します。
[php]
このサイトでの今までの記述
<div data-href="FBページURL" data-width="幅" data-show-faces="true" data-stream="false" data-header="true">
[/php]
下記のように変更しました。
従来はアバターの表示を自動にしていたところを、表示数を指定してあげます。data-show-faces=”true”をconnections=”6″(6は任意で変更)
[php]
<div data-href="FBページURL" data-width="幅" data-height="高さ" data-stream="false" data-header="true">
[/php]
▲これで何とかすっきり。
may the force be with you