WordpressブログにFacebook Likeボタンを追加しました
WordPressブログにFacebookのLikeボタンを追加しましたので、メモとして取っておきます。
手順
Like Button for Web - Documentation - Facebook for Developersでリンクコードを取得
Layout Styleはbutton_countWidthを90に。- Get Codeで貼り付けるコードを取得
WordPress記事リンクを組み立て
各ページごとにLikeボタンが欲しいので、こんなファンクションを作りました。中のiframeのソースはFacebookから取得したコードで、修正したのが2点あります。
href=のURLをget_permalink()で取れた記事のURLに置き換えます。margin-bottom:-8pxでレイアウトの調整を行ないます。
// facebook like button
function fbLike() {
$link = get_permalink();
echo "
<iframe src='http://www.facebook.com/plugins/like.php?href=".$link."&layout=button_count&show_faces=true&width=90&action=like&colorscheme=light&height=21' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:90px; height:21px;margin-bottom:-8px;' allowTransparency='true'></iframe>
";
}
後はfbLike()を読んだだけでLikeボタンが表示されます。
