wordpressにいいねボタン設置方法

wordpressにfacebookのいいねボタンを設置するには、まず、下記facebook公式いいねボタン生成ページでコードを取得してください。

Like Button – Facebook Developers

URL to Like ： サイトURLを入れてください。
Layout Style ： いいねボタンを押してくれた人の人数を出すかどうかの設定。
Show Face ： いいねボタンを押してくれた人の顔写真を表示するかの設定。
Verb to display ： ボタンの表示方法のLike（「いいね！」）か、Reccomned（おすすめ）かを選択。
Font ： ボタンの文字フォントを選びます。(基本的に設定しなくてOK)
Color Scheme ： ボタンの色のカラーを「light」or 「dark」の中から選択します。

ワードプレスに設置する場合はいいねボタンを設置したページURLを読み込むようにコードを変更する必要があります。

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fweb-dezain.info%2F&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35&amp;appId=アプリID" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe> 

のURLを設定している「href=http%3A%2F%2Fweb-dezain.info%2F&amp」の赤色部分を下記のように変更します。

<iframe src="//www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>
&amp;send=false&amp;layout=box_count&amp;width=70&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=90&amp;appId=アプリID" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:65px;" allowTransparency="true"></iframe>

これで自動的に開いているページのURLに対していいねボタンを設置することができます。

Tweet

関連記事:

ワードプレスで総コメント数を表示させるコード ワードプレスで特定の記事のコメントを取得するコード ワードプレスで特定の記事のコメント数を取得し表示する方法 wordpress ページ内で最新記事一覧を表示する方法 cformsⅡで別のフォームからフォームの値を取得しインプットフィールドに表示させる方法 ワードプレスでウィジェット機能があるサイドバーを複数設置する方法