WordPress

SharebarのいいねボタンをXFBML版にしてさらにコメント欄も開くようにする

SharebarのいいねボタンをXFBML版にしてさらにコメント欄も開くようにする

WordPressのプラグインSharebarがいいねボタンを設置してもコメント入力欄が出て来ない。。
ので、原因を調べて修正してみましたよ

1.XFBML版のボタンに変更する

https://developers.facebook.com/docs/reference/plugins/like/でhtml5版のlikeボタンを作ります

2.Sharebarのボタンの中身を変更する

Sharebar ‹ のぶろぐ — WordPress

Editを押して開くところに1で作ったボタンの中身を全部突っ込みます

Sharebar ‹ のぶろぐ — WordPress-1

ここまででXFBMLのボタンにはなりましたがコメント欄が開きません
ので、さらに修正します

3.sharebar.cssを修正する

sharebar/css/sharebar.cssの2行目のoverflow: hiddenを削除します
~~~
body ul#sharebar li { display: block; margin: 5px; padding: 0;/* overflow: hidden;*/ text-align: center; }
~~~

参考:「いいね!」ボタンは XFBML 版を設置して Facebook に最適化すべき – てっく煮ブログ

これでめでたくコメント欄が開くようになりました
←のボタンを押して試してみてくださいねヽ(`▽´)/

の

のぶダイバー、写真を撮る人、EC-CUBE の開発者。世界のウミウシ、かさね日記、きれるまえ を作っています。詳しく

コメント(2)

ichikawa2013-04-04

はじめまして。
質問です。このポップアップされるコメント欄の幅を指定することは可能でしょうか?
ブラウザサイズ320pxのスマホで見た際に全部表示されず、切れてしまうので。。。向きを変えればいい話なんですが、、、
行き詰っておりますので、もし何かいい方法をご存知でしたら教えてください。

のぶ2013-04-04

はじめまして
軽く調べた感じですがこのサイトが参考になりますでしょうか?
http://fingaholic.github.com/posts/2012-04-26-facebook.html