Kinopyo Blog

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

手順

Like Button – Facebook開発者でリンクコードを取得

• 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."&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ボタンが表示されます。