CreativeStyle

photo credit: Jon Yates

先日の投稿で、Facebookの”like”ボタンを表示させるこのできるWordpressのプラグインを紹介しました。

・・・が、ボタン表示位置などの細かい調整がしづらかったので、プラグインを使わずに表示させてみることにしました。

以下、手順のまとめです。

1. アプリケーションの登録
   次のページにアクセスし、サイト名・サイトURL・地域を入力してアプリケーションの登録を行います。
   http://developers.facebook.com/setup/

2. JavaScript SDKの設定
   登録完了ページに表示されている「サンプルコード」のうち、次の部分をWordPressテーマのfooter.phpに挿入します。挿入場所としては</body>タグの直前が適当だと思います。
   「appId: ‘Your ID’」の部分は各自置き換えてくださいね！（登録完了ページのサンプルコードには正しいappIdが記述されています。）

   <div id="fb-root"></div>
     <script>
     window.fbAsyncInit = function() {
       FB.init({appId: 'Your ID', status: true, cookie: true,
                xfbml: true});
     };
     (function() {
       var e = document.createElement('script');
       e.type = 'text/javascript';
       e.src = document.location.protocol +
         '//connect.facebook.net/ja_JP/all.js';
       e.async = true;
       document.getElementById('fb-root').appendChild(e);
     }());
   </script>
   

3. “like”ボタン表示用コードの挿入
   WordPressテーマのsingle.phpとindex.phpに以下のコードを挿入します。テーマにもよりますが、挿入場所としては記事タイトルを表示しているタグの直後が適当だと思います。

   <fb:like href="<?php the_permalink() ?>" layout="button_count" show_faces="false"></fb:like>
   

4. 表示確認
   ブラウザできちんと”like”ボタンが表示されていることを確認して作業終了です！

手順1, 2をきちんと行うことで、Facebookが提供する”like”ボタン以外のソーシャルプラグインも簡単な記法（XFBMLというらしい）で導入することができます。
その他のソーシャルプラグインについては次の記事で紹介されてます。

• Facebook Social Plugin – iframeなしでの設置方法

別に手順1.2を行わなくても”like”ボタンは表示できますが、その場合はブログに挿入しなければいけないコードの量が増えてしまいます。こちらの方法については以下の記事で説明されてます。

• FacebookのLikeボタンをWordPressに設置する方法 | Web活メモ帳

なお、ボタンの表示言語（like or いいね！)はアプリケーション登録時に選択した「地域」によって決まるっぽいです。（きちんと確認してません。）

あと、手順3の例では、

• “like”ボタンを押された数を表示する
• 押した人の顔写真を表示しない

のような設定になっています。

いろんな設定を試したい人は、次のページで見た目を確認しながら設定をいじり、その結果のボタン表示用コードを取得することができます。

• http://developers.facebook.com/docs/reference/plugins/like

ぜひお試しあれ！

photo credit: colodio

Facebookの”like”ボタンを当ブログでも導入してみました。

各記事のタイトルのすぐ下に「いいね！」と書かれたボタンが表示されていると思いますが、それが”like”ボタンです。

このブログはWordPressなので、次の便利なプラグインを使って”like”ボタンを表示しています。

• Creating a WordPress plugin: Add the new Facebook Like button to your posts « Bottomless, Endless（詳細ページ）
• WordPress › Like « WordPress Plugins（ダウンロードページ）

読んだ記事を少しでも気に入ってもらえたなら、ぜひ”like”ボタンを押してください。
ボタンを押したという事実が、あなたがFacebookでつながっている友達と共有されます。

自分が好きなサイトや記事をFacebookのネットワークに簡単に流しこむことができるようになりました。
“like”ボタンを押しまくって、Facebook上に自分のアイデンティティーを構築していくのもいいんじゃないでしょうか？

僕もいつかはたくさん”like”ボタンを押してもらえるような記事が書けるようになりたいなぁ。

それでは！

WordPressを使い始めてからもうすぐ二週間が経とうとしています。Wordpressの特徴といえばやっぱり豊富なプラグインの存在でしょうか？Web上の管理画面からプラグインのインストール・アップデートができてしまう便利さに、かなりほれぼれとしています。

そんな僕が、今現在WordPressにインストールしているプラグインを12個、自分用メモとしてリストアップしてみようと思います！

• Broken Link Checker
  記事にリンクが切れているアンカータグがないかどうかを定期的に調べ、見つかったリンク切れ情報をダッシュボード一覧表示してくれます。
• FeedBurner FeedSmith
  元々のRSSフィードのURLへのアクセスをFeedBurnerのURLにリダイレクトしてくれます。
• Google Analytics for WordPress
  Google Analyticsの解析用コードを簡単にブログ全ページに挿入してくれます。
• Google XML Sitemaps
  Googleウェブマスターツール（サイトマップ）に読み込ませるXML形式のファイルを自動で作成してくれます。
• Popular Posts
  「人気の記事」リストを自動的に表示してくれます。
• Post-Plugin Library
  「Popular Posts」「Similar Posts」プラグインの動作に必要なプラグインです。
• Similar Posts
  記事の末尾に関連記事のリンクを自動的に表示してくれます。
• Simple Tweet
  記事を新規投稿した時に、自動的にタイトルをTwitterでつぶやいてくれます。TwitterFeedやTwitbackrを使う必要がなくなりました。
• Topsy Widgets
  Twitterのつぶやきに含まれるURLを解析しているWebサイト「Topsy」と連携して、例えば記事の右上にTwitterでの引用回数を表示してくれます。
• WassUp
  リアルタイムのアクセス解析をしてくれます。結果はダッシュボードで確認できます。
• WP-Cumulus
  タグクラウドをくるくる回る球体のように表示してくれます。
• WPtouch iPhone Theme
  iPhoneからアクセスがあった場合、表示を自動的にiPhoneに最適化してくれます。

この中で一番「便利だなぁ」と感じたのは「Simple Tweet」プラグインですね！Twitterへの自動投稿がブログ内で完結すること、自動投稿の内容をダッシュボードでカスタマイズできることが、そう感じた理由です。

みなさんにも、「このプラグインのおかげでWordPressがとても便利に感じた！」と思えるようなプラグインはありますか？ぜひ、おすすめのプラグインを教えていただきたいです！

ブログをMovableTypeからWordpressに移行しました。

と言いますか、移行中に事故により移行前のデータが消えてしまい、復旧が不可能な状態になってしまいました。お酒が入っていたのが原因か、バックアップフォルダを誤って削除してしまいました。オリジナルフォルダはその時すでに悲惨な状態になっていました。本当に、自分の不注意以外の何者でもない、取り返しのつかないミスをおかしてしまいました。

このブログ「CreativeStyle」を作ったのは確か2006年11月のことでした。最近になって更新頻度が低くなっていたものの、記事数ももうすぐ300に届こうかというところでした。

ブログ立ち上げ当初はどうなるものかと思っていましたが、徐々にアクセス数も増えていき、記事は200回以上もはてなブックマークされました。ブックマークして下さったみなさん本当にありがとうございました。

管理人もおっちょこちょいでどうしようも無い感じですが、これからは気持ちを入れ替えて自分の「見たこと、聴いたこと、考えたこと」をできるだけたくさんアウトプットしていきたいと思っています。

今までアクセスして下さった皆様本当にありがとうございました、そして申し訳ありませんでした。これからも暖かく見守ってください。どうぞよろしくお願いいたします。