かわたま.net

Enjoy Creative! かわたまのwebメモ
rss twitter facebook

wordpressで記事ページ毎にfacebookのいいねボタンを設置する方法

2014 October 02

Tag:

wordpressサイト全体の「いいね」だけでなく、それぞれ記事ごとに「いいね」ボタンを設置して「いいね」をカウントできるようにする設定方法をメモ。

１．いいねボタン自動生成ツール
まずは、いいねボタンのソースを自動生成してくれるページにアクセスします。
Like Button – Facebook Developers

２．表示させる要素とデザインを指定
表示された画面の入力項目を入力していきます。

good

「URL to Like」には設置したいサイトのURL（トップページ）
「Width」Layoutをstandardにした場合の横幅
「Layout」デザインに合わせて任意の設定に
「Action Type」ボタンの表示を「いいね」または「おすすめ」で選択
「Show Friends’ Faces」いいねしたユーザーのサムネイル表示／非表示
「Include Share Button」「シェア」ボタンの有無

２．iframe内の記述を変更
表示させるデザインを設定できたら「Get Code」をクリックして「IFRAME」を選択します。

good

このままテンプレート内に貼り付けるとサイト全体の「いいね」がカウントされます。
今回はページごとの「いいね」をカウントしたいので、上記画像の赤枠内を下記に変更します。

<?php the_permalink() ?>

good

このソースをwordpressのテンプレートファイル（archive.php/single.phpなど記事ごとに「いいね」ボタンを設置したい箇所）に記述します。
以上で記事ごとに「いいね」をカウントすることができるようになります！