Facebook LikeButton のコメントパネル(flyout)を非表示にする

Facebook いいねボタンを(デザイン上)残念な位置にレイアウトしてしまい、コメントパネル(フライアウト)が表示されているページの width または height を越えてしまって、パネルを閉じることもコメントを投稿することもできなくなる状態になることがある。

  • Facebook ログイン済み
  • いいね済み
  • いいねしている状態で再度ボタンを押下すると表示
  • Layout:Button

Facebook コメントパネル フライアウト

まぁなんというか超残念な状態である。WordPressで「いいねボタン」のコメント投稿用パネルが途中で見切れてちゃんと表示されないという問題とは違い、とても恥ずかしいから何とかしたいという状況。

Facebook Like Button

.fb_iframe_widget {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

とするなり

#u_0_6 {
  display: none;
}

するなり。色々やり方はあるんじゃなかと思うけど。

 コメントをどうぞ

  • 入力いただいたメールアドレスは公開されませんが、このブログが置いてあるサーバーに保存されます。
  • 入力いただいた情報の他に、WordPress の機能により IPアドレス を取得させていただきます。取得した IPアドレス はスパムコメントの対処ために利用され、公開することはありません。
  • 個人情報などを記入された場合、投稿いただいたコメントを表示しないか、該当箇所を編集して公開する可能性があります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。