WordPress + facebook

エントリ毎にfacebookのLike!ボタンを設置

お気づきかと思いますが、記事の写真下にfacebookのLike!ボタンを設置しました。
日本語環境では「いいね!」ボタンになってしまうのがなんとも・・・(笑

設置するにはfacebookからソースを持ってくればいいだけなんですが、そのままではBlogトップを登録することになってしまいます。
出来れば各エントリ毎に「いいね!」と言ってもらえるようにしたいと思い改造することにしました。

■設置方法
まずはfacebookの開発者向けページでソースを取得します。

URL to Like
自分のサイトのURL(後で改造しますが、まずは自分のBlog URL)を入力。

Layout Style
“standard” は、Likeボタンの横や下に、誰がLikeを押したかを表示します。
“button_count”は、Likeされたカウントだけを表示します。

Show Faces
チェックすると、Likeボタンの下に、Likeボタンを押した人のプロフィール写真を表示します。

Width
Likeボタンを表示するiframeの横幅を指定します。
(Layout Styleを選んだ場合はユーザー名や「まだいいね!といっている人はいません」などの文字、Show Facesのプロフィール写真もこの幅で表示されます。)

Verb to display
「いいね!」か「おすすめ!」かを選びます。

Font
表示するフォントを選びます。

Color Scheme
ボタンの色を選びます。

このページで設置しているのはシンプルにするために、Layout Styleは「button_count」を、Show Facesはチェックを入れていません。

吐き出されるソースの「iframe」の方をコピーしてテンプレートに貼り付けます。
そして、ここからが本番。
ソースの

<iframe src=”http://www.facebook.com/plugins/like.php? href=http%3A%2F%2Fdigicool.org%2Fwp%2F &amp;layout=button_count&amp;show_faces= false&amp;width=300&amp;action=like&amp; font=arial&amp;colorscheme=light&amp; height=21″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:300px; height:21px;” allowTransparency=”true”></iframe>

この部分(URL)を

<iframe src=”http://www.facebook.com/plugins/like.php? href=<?php the_permalink(); ?> &amp;layout=button_count&amp;show_faces= false&amp;width=300&amp;action=like&amp; font=arial&amp;colorscheme=light&amp; height=21″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:300px; height:21px;” allowTransparency=”true”></iframe>

に変更します。

以上。
これでパーマリンクを取得してエントリ毎の「いいね!」が可能になりました♪
皆さん「いいね!」をお願いします(笑

エントリ毎にfacebookのLike!ボタンを設置” への5件のフィードバック

  1. いいね!やけど詳しくは「いいなぁ〜」、私の場合。自分で設置、挑戦だけでもしてみよう。FaceBookに登録してなくても1 personとしてカウントしてくれるんよね。

  2. > きこりん
    「いいね!」って日本人の「いいね!」とはなんかニュアンス違うよね。
    ジュゲムの場合はソースの太文字を「href={entry_permalink}」にすればいいはず〜。頑張って設置してみてね。

  3. kawaさん、ありがとう!kawaさんの方法でやってみたら「Like」を押したら一瞬 1Personっていうのが見えるんやけど一瞬で消えて「Like!」に戻るねん。ジュゲムの方法でやってみる!

コメントを残す