オープンソースCMSの Drupal を導入したサイト構築サービス

こんにちは、日高です。

本日は、世界中から注目され続けているSNS、Facebookの「いいね！」ボタンについてです。
皆様ご存知だとは思いますが、「いいね！」ボタンを押すと、押した人のフェイスブックに投稿することができます。
そして、その人のニュースフィードに、画像とタイトル、URL等が表示されます。

今回は、各ブログページに「いいね！」ボタンを置く方法を、簡単にご紹介します。
Drupalの拡張モジュールで、「いいね！」ボタンをノードに挿入できるものもあります。
しかし、今回はモジュールを使わず、テーマのファイルに直接コードを書き込む方法です。

①「いいね！」ボタンのコードを取得する

Like Button - Facebook Developersから、コードを取得します。
ここで、ボタンのレイアウト、サイズ等がカスタマイズできます。

②テーマのblogレイアウトを定義しているtplファイルにコードを貼る

例：node-blog.tpl.php

ボタンを表示させたい場所に①で赤い枠線で囲ってあるコードを貼りつけます。

*英語「like!」を「いいね！」に変更したい場合は、下記の様に変更して下さい。

  変更前：js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

　　　　　　　　　　　　　　　↓

  変更後：js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";

以上です。
とても簡単だと思います。
ボタンのレイアウトを変更したい場合は、cssで調整します。

twitterの「ツイートする」ボタンも同様に挿入可能です。
Twitter / ツイートボタンからコードを取得できます。

Facebookやtwitterのボタンを設置し、より多くの人からブログを読んでもらえるようになると嬉しいですね。