FacebookのいいねボタンをWordPressに設置する方法

ワードプレステーマTCD
» カスタマイズ » FacebookのいいねボタンをWordPressに設置する方法

ツイッター | お問い合わせ | RSSフィード

: 2011年7月20日 | カスタマイズ, ワードプレス | コメント/トラックバック (0)

FacebookのいいねボタンをWordPressに設置する方法

Tweet

Check

Facebookのいいねボタン（Like）をWordPressに設置する方法をご紹介します。

Facebook – いいね！ボタン

まずは、こちらのサイトに移動します。

Like Button – Facebook開発者

そして、「Get Like Button Code」から以下の設定を行い、完了したら「Get code」ボタンをクリックします。

Facebook ライクボタンの設定

すると、このようにコードが表示されます。

Facebook Get Like Button Code

ここで気をつけたいのは、「URL to Like（設置するサイトアドレス）」です。WordPressに設置する場合は、専用のショートコードを入れます。

<iframe src="http://www.facebook.com/plugins/like.php?app_id=137690219574989&amp;href&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35"
 scrolling="no" frameborder="0" style="border:none;
 overflow:hidden; width:450px; height:35px;"
 allowTransparency="true"></iframe>

上記のようなコードになっているかと思いますが、これをリンクの一部を書き替え下記のようにします。

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

具体的にどこが変わったかというと、以下のコードが入りました。これはWordPressの個別記事のアドレスを出力するタグです。