プラグインを使ってFacebookコメントを超カンタンにブログに実装する方法

2012/08/12
ブログ / WordPress

スクリーンショット 2012 08 12 17 42 27

プロローグ

「Facebookコメントの実装ってなんか大変そう」

WordPressデフォルトのコメント欄はなんかイマイチ恰好良くない。
(個人的な意見だけど)

どうせなら、デフォルトのコメント欄は排除して、Facebookコメントを実装したい。

デフォルトのコメント欄を排除

そのままにしてもいいんですが、なんとなく消したいので消しました。

その方法はこちらの記事が分かりやすいです。

WordPressのコメント入力欄を非表示にする方法

これでコメント欄が非表示になりました。

Facebookコメントの実装はメンドウ?

Facebookコメントを実装するメリットは分かるのですが、なんか面倒くさそうなのです。

Facebook開発者の登録とか、ごちゃごちゃと。

こちらの記事に実装の流れが載っています。

MovableTypeとWordpressにFacebookコメントを設置する方法。 | 和洋風KAI

ただ、やっぱり大変そうですよね。

もっとカンタンに出来ないかな〜、と面倒くさがり屋の僕は他の方法を探すことにしました。

そしたら見つけましたよ!

プラグインでカンタンに実装できる!!!

見つけた記事がこちら。
よく見ればいつも読んでいるWebクリエイターボックスさんの記事でした。

コメント欄で使える10のWordPressプラグイン | Webクリエイターボックス

この記事で紹介されているプラグインを使えば、開発者登録などせずに、ブログにFacebook Commentsを実装することができます。

プラグインをダウンロード

まずはこのプラグインをダウンロードし、WordPressのプラグインにアップロード、有効化します。

 WordPress › Facebook Comments « WordPress Plugins

あとは設定でコメント欄の幅を設定したりすればいいだけです。

設定すること

設定項目も少なくって、とってもカンタンです。

スクリーンショット 2012 08 12 18 07 23

  • Language

「ja_JP」を入力します。

  • Number Comments

表示するコメントの数を設定します。
だいたい5~10くらいでいいと思いますね。

  • Width(px)

Facebookコメントの幅を指定します。
自分のブログの幅にあわせて指定しましょう。

  • Title

タイトルですね。
僕は「Facebook Comments」としています。

CSSとかで恰好良くいじるこもできるようです。
(僕は分からないので触ってないw)

こんな感じになります

スクリーンショット 2012 08 12 18 07 56

まとめ

  • 標準のコメント欄を非表示にする
  • プラグインでカンタンにFacebookコメントを実装
  • Facebookってなんか恰好良いよね!

まとめでもなんでもない項目もあることには気がついてますw

Facebookコメントの実装は敷居が高いかな〜、と思っていましたが、かなりカンタンに使えたので、オススメですね。

もう完全にプラグインに頼りきりですw

だってカンタンなんだもの!