2018年10月31日 ブログ

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

Facebook – いいね!ボタン


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

Like Button – Facebook開発者

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

Facebook ライクボタンの設定

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

Facebook Get Like Button Code

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

1 <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>

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

1 <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() ?>

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