あなたのいいね！の吹き出しは切れていませんか？

Facebook, WordPress | 2013.09.26

今やおなじみの「いいね！ボタン」。流行し始めた時は小さめのボタン（button_count）を設置しているサイトが多かった気がしますが、最近は、吹き出しが大きめでボタンと縦に並んでいるbox_contを設置しているサイトをよく見かけます。デザインの流行によって今後もマイナーチェンジ等行われるかもしれませんね。

さて、ブログに設置されているいいね！ボタンを押したときに、
こんな風に、コメント入力欄が切れて表示されてしまうサイトがあります。

大抵機能的には問題なく動くようですが、見栄えがいいものではありません。

細かい事ですが、この様な事を根気強く調整する事で、「きちんとした」「しっかしとした」「安心できる」「信頼できる」などといったサイトの印象につながってきます。

解決方法は簡単です。
コードを取得する際に、HTML5、XFBML、IFRAME、URLを選べるのですが、ここでIFRAMEを選択します。

ちなみに、WordPressの各記事ページに表示させたい場合は、上記画像の赤線部分を
＜?php the_permalink(); ?＞
に変更します。（＜＞は半角にしてくださいね。）
赤線部分の始まりは、href=
終わりは、＆amp;です。（＆は半角です。）

コード取得の際にURLを入力する欄があるので、そこにこのWordPress用のソースを入れると、コードの取得自体ができませんので、コード取得後、WordPressの管理画面で張りつける際にこの編集作業を行います。

ソーシャルボタンの設置などは、見た目にボタンの表示がされるとつい安心してしまいますが、動作確認として、試しにクリックしてみることをお忘れなく。