記事毎にFacebookのLikeボタンを追加する方法

Twitterのボタンを追加していましたが、世界的なソーシャルネットワークであるFacebookのボタンも追加していみました。

ちょっと導入まで手間取ったので、メモを残しておきます。

プラグインとして設置

こちらのプラグインの設置方法を紹介しているページにあるように、プラグインとしてLikeボタンを追加することができるようなのですが、AppIDの発行時にエラーが発生してしまったので他の方法を探すことにしてみました。

テンプレートを直接編集して設置

今回はプラグインではなく、直接テンプレートを編集して行うこちらの方法で実装しました。

参考にさせていただいたのは、こちらのLikeボタンの設置方法について書かれたページです。

実際に挿入したコードは、

1
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=25" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:25px;" allowTransparency="true"></iframe>

上記のように、表示させたい箇所に挿入しました。

Author: SUSH
Link: http://blog.sus-happy.net/facebook-like/
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.