手動で Facebook の「いいね！」ボタンを配置する

WordPress で、記事ごとに Facebook の「いいね！」ボタンを、プラグインを使わずに手動で配置場合は、下記のコードを記述します。
WordPress のタグ <?php the_permalink(); ?> を使って、記事ごとの URL を自動で取得します。

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;layout=button_count&amp;show_faces=true&amp;width=120&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:120px; height:22px;"></iframe>

ボタンのレイアウトを変更したい場合は、

layout=button_count&

を

layout=standard&

に変更します。

いいねボタンの「いいね！」は、日本語表記の場合です。英語表記の「Like」に変更したい場合は locale=en_US&amp; を追加します。

<iframe src="http://www.facebook.com/plugins/like.php?locale=en_US&amp;href=<?php the_permalink(); ?>&amp;layout=button_count&amp;show_faces=true&amp;width=120&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:120px; height:22px;"></iframe>

サイトのコンセプトや、配置したい場所に合わせて、好みのコードを選んでください。

• « 金子 みすヾ「みんなちがって、みんないい」
• スティーブ・ジョブズ「つまらないものは捨てろ」 »

About this entry

• Title: 手動で Facebook の「いいね！」ボタンを配置する
• Published: 2011年6月4日
• Category: Web サイト制作
• Tag: Facebook, Share, WordPress

• Share this entry :

   

  

  

  Tweet

No comments