13

次の問題があります。高さが正しくスケーリングされていない、背景が透明ではなくなっている、境界線の色が間違っている、ボックスの下部が切り取られている、テキストと背景が「暗い」設定で同じ色になっている。これは、「いいねボックス」を実装しているすべてのサイトで発生しています。

これらはすべて、Like Box - 開発者ページ https://developers.facebook.com/docs/reference/plugins/like-box/で再現でき ます。次の設定を試してください。

幅 400

高さ 600 (ボックスはスケーリングされません) (デフォルトのままにして Show Faces をオンにすると、下部が切り取られます)

顔を表示: オン

配色: ダーク

ストリームを表示: オン

ボーダーの色: #000 (ボーダーの色は変わりません)

顔を表示: オフ

（テキストと背景が同じ色になっていることに気付くでしょう（背景は透明ではなくなりました））これはすべて、更新後の水曜日の午前0時（EST）に始まったようで、画像が引き伸ばされる問題を修正しようとした結果だと思いますフィードで。

4

1 に答える 1

2

これは私のために働いた：

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=400&amp;height=558&amp;show_faces=true&amp;colorscheme=dark&amp;stream=true&amp;border_color=%23000000&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:558px;" allowTransparency="true"></iframe>

タグに数行追加する必要があることに注意してください<head>。そうしないと、適切な結果が表示されません

<link rel="alternate" media="handheld" href="https://developers.facebook.com/docs/reference/plugins/like-box/" />

<link rel="canonical" href="https://developers.facebook.com/docs/reference/plugins/like-box/" />

<meta property="og:url" content="http://developers.facebook.com/docs/reference/plugins/like-box/" />

FB API ドキュメントを読んだ後、値を微調整できます。

于 2013-03-13T12:39:13.817 に答える