WordPressのブログでFacebookのコメント欄を使う方法


ブログを新しくつくったので、いままでにはやってなかった何か新しいことでもやってみようかということで、Facebookのコメント欄を追加してみました。
今回は、そのやり方のメモです。

現在テーマを変更し、カスタマイズ中ですのでFacebookコメントは表示されていません。
 テーマ変更の経緯はObscureをあきらめて、Sightをカスタマイズをご覧ください。

Facebookアプリを作成

アプリを作成って言うと、すごく難しいカンジもしますが、ここではちょっと入力するだけです。
では、手順を。

  1. Facebook Developersへ行く
  2. Create New APPから、New APPを登録(もしかすると、ここまでは必要ないかもしれないです)
  3. Commentsへ行き、
    • URL to comment on(自分のブログのURL)
    • Number of posts(表示するコメントの数)
    • Width(コメント欄の幅)
    • Color Scheme(色)

    を入力。

  4. Get Codeをクリックして、コードをコピペ

これで、コメント欄のコードができました。
あとは、これをコピペです。

ブログに表示させる

さっきつくったコードを、ブログにコピペするだけです。
使っているテーマにもよると思いますが、ほとんどのテーマではcomments.phpていうファイルがあるかと思います。
その辺にコピペすると、従来のコメント欄あたりに表示されます。

ちなみにこのコードだけでは、こんな風に表示されます。

なんとなくさびしいカンジなので、miha5.comでは、

<h3 class="comments-title">Facebookでコメント</h3>

を追加して、タイトルを表示させてます。
ちなみに、class名にcomments-titleと使ってるのは、Facebookのコメント欄の下にあるWordpressの”コメント”ってのとそろえるためだけです。
深い意味はありません。

シェアありがとうございます

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

commentYour Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

checkboxみはら.comはエックスサーバーです

editNEW エントリー

PAGE TOP arrowup