FacebookのLikeBoxカスタマイズ

アプリを作成し、サイドバーに表示していたのだけれど突然表示されなくなった。
どうやら「アプリID / APIキー」に間違って「アプリのシークレットキー」を入れていたのが原因だった。
これで、無事に表示されるようになったが、今度はオリジナルのCSSが無視される。
カスタマイズしたかったから、アプリまで作ったのに。

試行錯誤し、あちこち検索していたら「Facebook developers」にたどり着いた。
しかも、「Core Concepts › Social Plugins › Like Box」の階層にwww
ダメ元で適当に入れてたら、あら不思議。ボーダーカラーが変更できる。
(たぶん、私が気づかなかっただけだと思う)
アプリいらないじゃんwwwww

入力を終え、iframeソースをサイドバーへ貼り付けて表示させてみた。
標準よりサイズを小さめで表示したのだけれど、見事に二段目の人の顔写真がおでこしかないw
Box下部のボーダーラインも消えている。

きっと写真が多いせいだ。

そこで、アプリ制作時に写真の個数を指定していたのを思い出し、
何も考えず、iframeソースに「&connections=4」(この場合、写真4枚)を追加してみた。

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F○○○○○○○&amp;width=270&amp;height=228&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23004589&amp;header=false&amp;appId=○○○○○○○○○○&amp;connections=4" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:270px; height:228px;" allowTransparency="true">

ブラボー!!!!!思い通りになったw
一件落着!

カテゴリー: wordpress

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA