Facebook・Twitter・WordPress.comログイン対応の Jetpack コメントシステムを導入してみた

マクラケン直子さんのブログ記事で
Facebook・Twitter・WordPress.com ログイン対応の Jetpack コメントシステム
を拝見しまして、思わず「 これいい!! 」っということで
早速導入してみました。

Jetpack by WordPress.com というプラグインをインストするですが、
このプラグインひとつでいろいろなことができるスグレモノです。

コメント欄の拡張だけでなく、メールフォームをサクッと作れたり、
いろいろなことができるのですが、今回それは割愛します ^^;

プラグインのインストールについてはこちらの記事が大変参考になります。

Jetpackのコメントシステム自体はプラグインを有効化すると
基本的にはOKみたいなのですが、
私の使っているテーマでは思ったように表示されず、
今までとなんら変わらなかったんです・・

??????????????????
っとなったわけで、本当はこうなるはずなのに ↓

このことについて、いくら記事を探しても見当たらず。。
っと思っていたら英語だらけのサイトで何やらヒントらしきものを発見!!!

このコードがないと正常に変換してくれない模様。

で、使っているテーマの comments.php を見ていたら、
その部分はなくて、かわりに ↓

という具合になっていたので、上記のコードをまるまる削除後に、

上のものと入れ替えてみました。

お!ちゃんと思い通りに表示されてる!!!!

あと一箇所、私の使っているテーマでは

っという部分もあったので、そこも削除。(コメントをどうぞのタイトルが重複してしまうので)

これで完璧だと思います。

どうなったかは、テストコメントでもいいので、
是非、この投稿へのコメントでテストしてみてください。

FacebookのアカウントでもTwitterのアカウントでも
コメントできるようになっています。(たぶん 笑)

:: スポンサーリンク ::

posted by そば富泉

25 thoughts on “Facebook・Twitter・WordPress.comログイン対応の Jetpack コメントシステムを導入してみた

  1. noripさん、Jetpackのコメントフォームについてですが、
    コメントを入力してください の文字をデフォルトで消すのでしょうか?
    基本的には、文字を入力し出すと消えるようですね。
    マウスをコメントフォーム上にしてクリックした時に、消したいとかですかね?? ^^;
    個人的には文字入力とともに、消えるのであまり気にしておりませんが・・・

  2. noripです。

    >個人的には文字入力とともに、消えるのであまり気にしておりませんが・・・

    文字入力とともに、消えないのです。コメントを入力してください 、に、重なって表示されます。
    以上です。

  3. noripさん、このブログのコメントでは消えますよね ^^;
    ということは、noripさんの環境だと消えないということですね。

    使っていらっしゃるテーマとの相性の問題か、
    テーマのスタイルシート部分のどこかで問題があるかが、
    考えられるのですけど・・・
    もしくは、他のPluginとぶつかっているとか・・

    ちょっと中身がわかりませんので、
    なんともお答えができませんが、
    noripさんのサイトはどちらでしょうか??

  4. noripさん、サイト拝見しました。
    私の環境ではコメント入力時に
    コメントを入力してください。の文字は消えるようです。
    私のサイトと全く同じです ^^;
    マウスをコメント欄にもってきてクリックだけでは消えませんが、
    文字入力で消えます。
    Jetpackのコメントシステムでそのような仕様になっているようです。
    文字入力しても、私のサイトでもnoripさんのサイトでも
    消えないようでしたら、もしかすると
    noripさんのブラウザかパソコンの環境によるものかもしれませんが、
    詳しくはわかりません・・ ^^;

  5. りゅうさん、
    私はためしたことないですけど、
    可能性はあるかもしれませんね。
    テストサイトかなにかあれば、試してからのほうが良いかもです ^^*

  6. こんばんは。
    Disqusコメント欄を導入しているのですが、ここ何ヶ月か、ずっと不具合が出ていて、
    コメントシステムを別のものに変えようかと思っています。
    こちらは、サイドカラムに表示することはできますか?

  7. とらねこさん、コメントありがとうございんます。
    普通に投稿されたコメントを表示するだけならできます。(このブログでも表示してます)
    このコメントシステム自体をサイドカラムに表示することはできないと思います。
    (もしかしたら方法はあるのかもしれませんが、そのままではできません)

    ちなみにこのコメントシステムを導入するには
    Jetpack自体を入れるので、他のものを使う予定がなければ、どうかなとも思いますけど ^^;

  8. とみせん店長さま、返信ありがとうございます。
    お正月早々すみません。(とっても早起きですね!)
    早速jetpackコメント導入しましたよ。
    デフォルトのコメント表示が気に入らず、たくさんHTML編集をしなければなりませんでしたが、
    なかなか快適に動いてくれています。
    まだまだ気に入らず、comments.phpを維持っていますが、
    いやあー、本当wordpressは難しいですね。

  9. とらねこさん、導入されたんですねー!

    私もはじめは色々といじってみたのですが、
    結局そのままで使っています ^^;

    WordPress 楽しいですよね。
    それにしても、とらねこさんのところコメント凄いですね!

  10. 初めまして。質問なのですがjetpackのコメントフォームの文字を編集するにはどのファイルをいじればいいのでしょうか?例えばこのブログのように「コメント(Facebook・Twitter・WordPressアカウントでもコメントできます)」みたくするには・・・
    themeのcomments.phpやfunction.phpではなさそうなのでjetpackのmodule>commentフォルダのどれかなのでしょうか? 
    いきなりの質問申し訳ありませんm(__)m

  11. kihiroaraiさん、コメントありがとうございます。

    ご質問の件ですが解決方法は実に単純です。
    Jetpack導入後、Jetpackコメントシステムを有効化しますと、
    Jetpack管理画面または、ブログ管理画面→設定→ディスカッション
    最下部で、グリーティングメッセージというのがありますので
    その部分にお好きな文字を入れて変更を保存するだけです。
    お試しください~

  12. 初めまして。質問なんですが、ieだと(私のバージョンは11です)、google+とfacebookでログインできないんですが、私だけでしょうか?Twitterでのログインや、google chromeなら、どのSNSでもログインできます。

  13. chocoboobさん、コメントありがとうございます。

    わたしの環境では IE でログインできました。(Facebookです)
    詳しくはわかりませんが、一時的なものかもしれません。

コメント(Facebook・Twitter・WordPressアカウントでもコメントできます)