1

https://developers.facebook.com/docs/reference/plugins/like/を介して、自分のサイトの Facebook の「標準」レイアウトでいいねボタンを生成しています。幅を 200 ピクセルに設定しましたが、225 ピクセル未満に設定しても効果がないことに注意してください。そのページのドキュメントでは、標準レイアウトの最小幅として実際に 225 ピクセルが指定されています。残念ながら、サイトのデザインに合わせて幅を 200 ピクセルにする必要があります。この幅に強制する方法はありますか？

(サイトはhttp://gwwc2.centreforeffectivealtruism.org/にありますが、Firebug を試してみたい場合は、いいねボタンが JavaScript によって生成されるため、おそらくそのページを複製してソースを編集する必要があります。)

4

3 に答える 3

1

幅制限の理由は、ログインしていないユーザーに表示されるテキストです。

そのボタン スタイルで 225 ピクセル未満に縮小すると、一部のユーザーはレイアウトが乱れることに気付くでしょう (私はまさにこれを試しましたが、結果は良くありませんでした)。

ただし、別のボタン スタイルを選択することはできます。

  • 送信ボタンオプションのチェックを外します
  • button_count オプションを選択します
  • 幅を 200px に設定します
  • 顔を表示のチェックを外す

そして、あなたはこれを得るでしょう： -

<div class="fb-like" data-href="http://www.example.com" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false" data-font="arial"></div>

幅の要件に適合します。box_count を使用してもうまくいきます。

于 2012-05-16T20:40:47.270 に答える
0

&width=225iFrame属性で取り出し、src幅をまったく渡しません。iframestyle属性に css 値を指定width:200px;ソース URL に最小値よりも小さい値を渡すと facebook はそれを無視しますが、iframe 自体をその幅にカスタム スタイルすると、コンテンツが内側に押し込まれます。

于 2012-05-16T18:05:56.127 に答える
0

を示す CSS ルールを作成します。iframe { width:200px !important; )

Facebook ウィジェットが含まれる DIV またはコンテナーに固有のルールを作成します。もちろん、これを行った後に見栄えが悪い場合は、取り出すことができます。ただし、「いいね」ボタン (顔なし) のみを含める場合は、機能するはずです。

于 2012-06-28T02:45:21.103 に答える