WordpressブログにFacebook Likeボタンを追加しました

WordPressブログにFacebookのLikeボタンを追加しましたので、メモとして取っておきます。

手順

Like Button for Web - Documentation - Facebook for Developersでリンクコードを取得

• Layout Styleはbutton_count
• Widthを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."&amp;layout=button_count&amp;show_faces=true&amp;width=90&amp;action=like&amp;colorscheme=light&amp;height=21' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:90px; height:21px;margin-bottom:-8px;' allowTransparency='true'></iframe>
    ";
}

後はfbLike()を読んだだけでLikeボタンが表示されます。