私たちは大学のソーシャル メディア ページに facebook のようなボタンを使用していますが、誰かがページとしてサインインすると、赤い背景の大きな写真と、さらに大きな白い背景に "switch" というテキストが表示されます。フォーマットを変更する方法があるかどうか、または Facebook 側で汎用性を高めるために何かが行われているのではないかと考えていました。
まずはクラブへようこそ。私たちの多くがあなたの痛みを感じています。残念ながら、あなたはわだち掘れの状態で立ち往生しています。
Facebook の「いいね」ボタンは、ページの iFrame に表示されます。これは、そこに表示されるコンテンツとスタイルを設定する CSS を Facebook が制御することを意味します。サイトの CSS を使用して別のドメインから iFrame のスタイルを設定することはできないため、サイトでボタンのスタイルを制御する適切な方法はありません。これにより、オプション 1、3、および 4 が事実上無効になります。
オプション2に関しては、それが最善の策かもしれません...
Facebook の「切り替え」ボタンは常に同じサイズです。つまり、一部の人が使用する小さな 1 行のボタンとは対照的に、大きな正方形です (あなたが使用しているものだと思いますよね?)。overflow: hidden;通常、レイアウトの問題は、設定された CSS height(1 行のボタンを使用している場合、通常は 32 ピクセル) を使用して iFrame をスタイリングすることで修正されます。これにより、見栄えの悪い赤い「スイッチ」ボタンが切り取られます...しかし、少なくとも、ボタンのサイズが間違っているためにページ要素が失われることなく、同じページレイアウトを維持できます。
最終的に、iframe の状況により、Facebook はすべてのサイトで「いいね」ボタンを統一するための多くの制御を行うことができます。これは非常に優れています。残念ながら、見た目が悪い場合、動的に変更するオプションはあまりありません。幸運を！