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

2011

7.20

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"<br /> scrolling="no" frameborder="0" style="border:none;<br /> overflow:hidden; width:450px; height:35px;"<br /> 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"<br /> scrolling="no" frameborder="0" style="border:none;<br /> overflow:hidden; width:450px; height:35px;"<br /> allowTransparency="true"></iframe>

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

<?php echo get_permalink() ?>

これをお好きな場所に挿入することで 設置完了です。

関連記事

Wordpress使い方大全集

過去アーカイブ