Posted by をかもと at 2008年6月18日 水曜日

WordPress のコメント投稿後、リロードせずにコメント欄を更新するプラグインQuick Commentsをリリースしました。
以前から当サイトで使用しているWordPress のコメント投稿を Ajax 化するスクリプトをベースに、設定しやすいようにしてあります。
ダウンロードと詳細な使用方法については WordPress Plugins/JSeries を参照してください。

Quick Comments スクリーンショットコメントを投稿すると、「コメント送信中」と表示された後で、画面全体のリロード無しにコメント欄が更新されます。
また、エラーが発生した場合はメッセージボックスでエラー表示します。

同様のプラグインに AJAX Comments がありますが、当プラグインは Prototype.js では無く、 jQuery ベースで作成してあります。
jQuery を読み込んでいるから、Prototype.js は読み込みたくないなぁという方は使ってみてください。

トラックバック & ピンバック » 表示する

コメント

  • delicious 2008年6月19日 木曜日 8:46 AM

    コメントをサイトリロードせずにリロード

  • hatena bookmark 2008年6月19日 木曜日 8:46 AM

    コメントをサイトリロードせずにリロード

  • JAPAN Linux Mozilla Firefox 2008年6月21日 土曜日 12:21 AM

    をかもとさん、メール有り難うございました。又先日はお世話になりました。Quick Commentsテストしてみました。AJAX Comments のように画面全体のリロード無しにコメント欄が更新されますね、動作自体は全く問題無く動作しました。只AJAX Commentsのあのグニュ〜〜とした動作が面白くて気に入ってるんです←変な人
    でも管理画面から設定できる簡単に設定できるしすばらしいです。をかもとさん新潟県にお住まいですか?私の姉の旦那が新潟県の柏崎市の人なんですよ。何年か前に一度行きました。富山を過ぎるとマジでトンネルの連続なんですねぇ、でも日本海綺麗でした。

  • JAPAN Windows Mozilla Firefox 2008年6月21日 土曜日 9:34 AM

    yutaka さん、どもです。
    わざわざ動作報告ありがとうございます m(_ _)m

    富山を過ぎるとマジでトンネルの連続なんですねぇ、でも日本海綺麗でした。

    富山側から来ると、まずは親不知ですからねぇ。
    柏崎は、去年は夏の花火大会も行われず寂しかったですが、今年は頑張るらしいです。
    あそこのは尺玉100発同時打ち上げとか、尺玉300連発とか、三尺球2発同時打ち上げとか、豪快で好きです。

  • JAPAN Linux Mozilla Firefox 2008年6月23日 月曜日 5:53 PM

    をかもとさん、こんばんわ〜
    ちょっと教えて貰いたいのですが、quick-commentsですが、問題なく動くテーマと、動作しないテーマがあるのですが。動作しないテーマのcomments.phpを
    動作するテーマのcomments.phpと入れ替えると動作するようになるのですが、このプラグインとcomments.phpの相性みたいな事はあるのでしょうか?
    動作しないテーマは「http://ma38su.sourceforge.jp/wp/vicuna/ja/」このテーマなのですが。お暇なときで結構ですのでどうぞよろしくお願いします。

  • JAPAN Windows Mozilla Firefox 2008年6月23日 月曜日 7:21 PM

    yutaka さん、どもです。

    quick-comments ですが、コメントリストが <ul>、<ol> でマークアップされている前提で作ってあります。
    vicuna は <dl> なので、動作しないようですね。これは、マズイ。

    というわけで、時間のあるときに JavaScript を修正します。

  • JAPAN Linux Mozilla Firefox 2008年6月24日 火曜日 11:24 AM

    をかもとさん、早速お返事有り難うございます。見比べて見ましたら確かにvicuna は <dl> になってます。この修正ってJavaScriptの修正がいるんですか?
    <dl> 部分だけ変えちゃったらだめ? う〜ん、難しそうです

  • JAPAN Windows Mozilla Firefox 2008年6月24日 火曜日 11:37 AM

    yutaka さん、どもです。
    wp.Vicuna でも動作するように修正した Ver.0.2.0 をリリースしておきました。
    よろしかったら、お試しください。
    Vicuna の場合は

    • コメントフォームの CSS "form#commentsForm"
    • コメントリストの CSS "dl.log:first"

    で、動作します。

    #重複したコメントは編集させていただきました m(_ _)m

  • JAPAN Linux Mozilla Firefox 2008年6月24日 火曜日 12:58 PM

    こんにちわ〜
    今、テストサイトでwordpress2.6β、にwp.Vicunaで新テーマのテストをしているんですが新しいquick-comments Ver.0.2.0テストしてみました。
    バッチリです、ありがとう。一つ質問なのですがajax-loader.gifを他のタイプのものに変えたときに「コメント送信中」のダイアログのレイアウトがおかしくなるんですが、これはどこのcssを変更するのでしょう?
    しかし動かないプラグインを自由に直すことが出来るって、うらやましいです。
    #重複コメント削除、ありがとう〜

  • JAPAN Windows Mozilla Firefox 2008年6月24日 火曜日 1:20 PM

    yutaka さん、どもです。動作報告ありがとうございます m(_ _)m

    「コメント送信中」のダイアログのレイアウトがおかしくなるんですが、これはどこのcssを変更するのでしょう?

    js/quick-comments-0.2.0.js という JavaScript の中で直接スタイル設定しています。
    ダイアログのレイアウトを設定しているのが 24,25,26 行目です。
    この辺も、次のバージョンでは指定できるように変更しますね。

    しかし動かないプラグインを自由に直すことが出来るって、うらやましいです。

    一応、自分の作ったプラグインですから (^^;;;

  • JAPAN Linux Mozilla Firefox 2008年6月25日 水曜日 12:19 AM

    をかもとさん、こんばんわ〜 
    もうver0.3をリリースされたんですね、早速ダウンロードしてテストしてみました。レイアウトも簡単に変更でき、いいですねぇ
    動作も速いです。わがままばかり言いまして済みませんでした。ありがとうございました〜。

  • JAPAN Windows Mozilla Firefox 2008年6月25日 水曜日 7:43 AM

    yutaka さんのコメントが無ければできなかったプラグインです。
    また、なにか有りましたらドシドシと言ってください。

  • JAPAN Linux Mozilla Firefox 2008年6月26日 木曜日 7:14 PM

    をかもとさん、コメント有り難うございました。quick-commentsの最近バージョンに入れ替えました。そうしたらちゃんと情報が残るようになりました。
    一つ教えて貰いたいのですが、最後にコメント送信中の全体の囲みの横幅を広げたいのですが、どこで設定するんでしょう?

  • JAPAN Windows Mozilla Firefox 2008年6月26日 木曜日 9:51 PM

    yutaka さん、どもです。

    最後にコメント送信中の全体の囲みの横幅を広げたいのですが、どこで設定するんでしょう?

    「コメント送信中メッセージに適用するスタイル」に width:200px とかって追加すれば良いですよ。
    …と言ってる所でバグに気づいた!
    quick-comments では、スタイル指定は「,(カンマ)」区切りで指定する事になってるけど、CSS は通常「;(セミコロン)」区切りですね。
    修正しておきます。

  • JAPAN Linux Mozilla Firefox 2008年6月27日 金曜日 11:43 PM

    をかもとさんこんばんわ〜
    たった今、管理画面でアップデート通知があったのでVer.0.4.0 にしてみました。エフェクトするって設定画面に項目があったのでチェックをいれて
    ためしてみました。AJAX Commentsと比べると動作が断然速いので、エフェクト効果もはやく見逃しそうでした(笑) グニュ〜〜と動かすには
    動作が速すぎますねぇ(笑) でも快適です、すばらしいです

  • JAPAN Windows Mozilla Firefox 2008年6月28日 土曜日 10:23 AM

    yutaka さん、どもです。

    実は Ver.0.4.0. ではエフェクトの追加だけではなくて、コメント取得処理を多少スピードアップさせてあります。

    グニュ〜〜と動かすには動作が速すぎますねぇ(笑)

    エフェクトの速度は、時間があるときにオプションで指定できるように修正しますね。

  • JAPAN Linux Mozilla Firefox 2008年7月23日 水曜日 12:02 AM

    をかもとさん、こんばんわ〜
    すみません、Quick Commentsが動かなくなったのですが、原因がわからないのです(>_<)

  • JAPAN Linux Mozilla Firefox 2008年7月24日 木曜日 9:20 PM

    yutaka さん、どもです。

    すみません、Quick Commentsが動かなくなったのですが、原因がわからないのです(>_<)

    すみません、昨日から出張で不在だったためと、このコメントがなぜか Akismet に補足されていて確認が遅れました (^^;;
    …で、なぜか解決したみたいですね。うーん、原因が分かりませんねぇ。

  • JAPAN Windows Internet Explorer 2008年12月5日 金曜日 1:03 PM

    もうしわけありません、公開していただいているプラグインを使用しているのですが、コメント通知を使う際の設定で

    テーマのコメントテンプレート(comments.php)に以下のコードを追加する必要があります。

    と、書かれていて、コードを公開していただいてるのですが、
    テーマエディタでコメントテンプレートを編集し、最下行の下に追加すれば良いのだと考え、そうしてみたのですが、表示がおかしくなってうまく動きません。
    バージョンは2.6.5です。
    テンプレートはgreen-lightです。
    http://www.templatelite.com/green-light-free-wordpress-theme/
    当方はまったくPHPの知識がありませんので、コードの追加の方法について勘違いしているのかもしれません
    初心者の質問で申し訳ありませんが、ご教授いただければ幸いです。

  • JAPAN Windows Mozilla Firefox 2008年12月5日 金曜日 2:53 PM

    SAI さん、はじめまして。

    green-light Ver.1.05 のコメントテンプレート(comments.php)を修正したものを作ってみました。
    以下に置いておくので、ご利用ください。
    http://dl.getdropbox.com/u/110305/greenlight-1.0.5_qc.zip

    また、先ほどサイトを見させてもらったときに iNove テーマを使用されていたようですが、実はつい先日 iNove テーマの Quick Comments 対応差分ファイルも作成しました。
    よろしければこちらもご利用ください。
    http://dl.getdropbox.com/u/110305/inove.1.1.1-ja_qc.zip

    ダウンロードしたファイルを、現在お使いのテーマファイルに上書きしてお使いください。
    なお、この差分ファイルを使用する場合は Quick Comments の設定で、コメント編集アイコンの “自動的に表示する” のチェックを外してお使いください。

    たぶん、これで大丈夫だと思います。

  • JAPAN Windows Internet Explorer 2008年12月5日 金曜日 3:21 PM

    をかもとさん、どうもありがとうございます!
    すばやいレスに、想像以上のご親切な対応に感動しています。
    ご指摘のように、いろいろテーマを変えて試していました。

    どちらを使うかは、この後考えますが、両方試したところ、両方ともきちんと動いてくれました。

    本当にありがとうございました。

  • JAPAN Windows Mozilla Firefox 2008年12月5日 金曜日 3:27 PM

    SAI さん、どもです。

    iNove テーマについては、先日他の方に質問を受けて、一緒に修正したので差分ファイルがあったんですよ。
    タイミングが良かったです。
    ついでに日本語リソースを作って iNove の作者に送付してあるので、次バージョンからは日本語化されてくるでしょう。
    # っていうか、今回 SAI さんに提供した差分ファイルの中にも日本語リソースが含まれてるんですが :P

  • JAPAN Windows Internet Explorer 2008年12月5日 金曜日 5:23 PM

    あれから、コメントを書くテストしたところ、green-lightの方はきれいに書くことができたのですが
    iNove の方は以下の様なアラートが出て、画面の更新もされませんでした。

    http://sai.music.coocan.jp/image/message.jpg

    今後の参考にしていただければ幸いです。
    OSはWIN XP SP3
    プラウザはIE6です

  • JAPAN Windows Mozilla Firefox 2008年12月5日 金曜日 5:42 PM

    SAI さん、どもです。

    テーマ iNove は、Quick Comments の設定画面で、以下の値を設定する必要があります。
    コメントフォームの CSS パス: form#commentform
    コメントリストの CSS パス: ol#thecomments
    デフォルトテーマベースで作成されているテーマであれば変更する必要はないのですが、テーマにあわせてこの2つの値は変更してやる必要があります。

    あと、そちらのサイトを見てて気づいたんですが、「Twitterアカウント」のところだけ他の入力項目とスタイルが違うのを修正しました。
    green-light Ver.1.05 のコメントテンプレート(comments.php)とスタイルシート(style.css)をちょっと修正したので入れ替えてやってください。
    http://dl.getdropbox.com/u/110305/greenlight-1.0.5_qc.zip

  • JAPAN Windows Internet Explorer 2008年12月5日 金曜日 5:50 PM

    ありがとうございました。
    無事に解決しました。
    やはり、すべて日本語の方がカッコいいですね。

  • JAPAN Windows Mozilla Firefox 2008年12月5日 金曜日 5:57 PM

    SAI さん、どもです。解決したようで良かったです。

  • JAPAN Windows Mozilla Firefox 2008年12月9日 火曜日 5:27 AM

    J君です。師匠、おはようございます。

    iNoveテーマ作者のmg12さんが、このプラグインを入れる場合のテーマとプラグインの改造箇所について言及しておられます。
    そこでJ君のほうで簡単な紹介記事を書きましたが、師匠から何か特筆すべき点がありましたらご指摘願います。
    WordPressテーマiNoveでプラグインQuick Commentsを入れる | Jkun’s Cafe

  • JAPAN Windows Internet Explorer 2008年12月10日 水曜日 9:11 AM

    J君、どもです。

    WordPress 2.7 対応についても言及してますね。
    時間をとって検討してみようと思います。

  • JAPAN Windows Mozilla Firefox 2009年2月22日 日曜日 8:36 AM

    初めてコメントします。
    シンプルでサイトデザインに影響されにくいのが好きで、利用させて頂いています。
    WP2.7にしてから、不具合が発生致しましたので、ご報告致します。
    WP2.7の新機能の1つで、コメントに返信をする事ができる機能があります。
    通常のコメントの投稿には問題無いんですが、コメントに返信をすると「コメント送信中…」というアラートのまま止まってしまいます。
    お気に入りのプラグインの1つなので、是非ご対応頂ければと思います。
    宜しくお願い致します。

    kazuki 返信
  • JAPAN Windows Google Chrome 2009年2月22日 日曜日 10:31 AM

    kazuki さん、はじめまして。

    WP2.7にしてから、不具合が発生致しましたので、ご報告致します。
    WP2.7の新機能の1つで、コメントに返信をする事ができる機能があります。

    すいません、こちらも把握しています。
    現在、コメントスレッドに対応した新バージョンを作成中なので、しばらくお待ちください。

    あと、コメントのソート順変更で「新しいコメント」から表示するにも対応し切れていないので、そちらも修正予定です。

  • JAPAN Windows Mozilla Firefox 2009年2月22日 日曜日 11:39 AM

    をかもとさん、ありがとうございます。
    既に把握済であろうとは思ってはいたんですが、すみません。

    新しいVersion期待しています!!
    それまでは、コメント返信機能は使わないで、プラグイン優先でいきますw
    お忙しいとは思いますが、開発頑張って下さい。

    kazuki 返信
  • JAPAN Ubuntu Linux Mozilla Firefox 2009年2月22日 日曜日 8:43 PM

    kazuki さん、どもです。

    こちらこそ、不具合報告はとても助かります。
    また、なにかありましたら遠慮なくドンドンおっしゃってください。

  • JAPAN Windows Mozilla Firefox 2009年3月27日 金曜日 6:11 PM

    失礼します
    面白そうなのでテストに投稿してみます

    kobapan 返信
    • JAPAN Windows Mozilla Firefox 2009年3月27日 金曜日 6:13 PM

      どうぞ、どうぞ。
      好きなだけテスト投稿してください。

  • JAPAN Windows Mozilla Firefox 2009年4月12日 日曜日 7:32 PM

    quick-commentsを0.7.2にアップデートしようとしたところ、プラグインを有効化しようとすると、
    Warning: Invalid argument supplied for foreach() in /usr/home/mnn/public_html/d/wp-content/plugins/quick-comments/notify-comment-author.php on line 101
    Warning: Invalid argument supplied for foreach() in /usr/home/mnn/public_html/d/wp-content/plugins/quick-comments/notify-comment-author.php on line 107
    のメッセージか管理画面上に表示されてしまいます。お手数ですが、ご確認頂けますでしょうか。
    なお、quick-comments 0.7.1 では本現象は発生しておりませんので、現在は0.7.1のまま使用させて頂いております。

    • JAPAN Windows Mozilla Firefox 2009年4月13日 月曜日 1:09 PM

      よもぎさん、どもです。

      すいません、Quick Comments のバグです。
      修正版を以下URLでアップロードしておいたので、更新してください m(_ _)m
      http://sourceforge.jp/projects/wppluginsj/downloads/38756/quick-comments.0.7.2.zip

      また、0.7.1 → 0.7.2 での変更点は Twitter でのコメント通知の設定画面の修正のみです。
      すでに設定済みだったり、「コメント通知」機能自体を使用していない場合は、0.7.1 のままでも、問題ありません。

  • JAPAN Windows Internet Explorer 2009年6月17日 水曜日 9:51 AM

    Quick Comments0.7.2を使わせていただいています。ありがとうございます。
    WordPress 2.8での不都合は出ているんでしょうか。
    IE8でコメント時に送信中画像が出てその後「webからのメッセージ エラー:コメントを入力してください」でコメントできません。
    同じ環境でFirefox3.0.11だとコメントできます。
    WordPress 2.7.1へバージョンダウン後はIE、FirefoxともにコメントはOKです。

    ご確認、よろしくお願いします。

    さんきゅう 返信
    • JAPAN Windows Mozilla Firefox 2009年6月22日 月曜日 12:58 PM

      /wp-includes/js/jquery/jquery.js をWordPress 2.7.1 のものに換えると正常に動きました。
      WordPress 2.7.1 jQuery 1.2.6 – New Wave Javascript 2008-05-27 12:17:26 -0700
      WordPress 2.8 jQuery JavaScript Library v1.3.2 2009-02-19 17:34:21 -0500
      これ以上は私には分かりませんが、一応ご報告まで、、、

      IE8からError: Please back to comment form. and retry submit でコメントできませんでした。

      さんきゅう 返信
      • JAPAN Windows Mozilla Firefox 2009年6月23日 火曜日 9:58 AM

        さんきゅうさん、はじめまして。

        ひょっとすると、そちらのサイトでは Prototype.js 1.6.x と jQuery を同時に使用していますか?
        以前、調べた時に Prototype.js 1.6.x + jQuery 1.3.2 を同時に使用している場合、IE系のブラウザで不具合が発生したことがあったような気がします。
        # jQuery 1.2.x までは問題なかった。

        おっしゃるように WordPress 2.7.1 では jQuery 1.2.6 が、WordPress 2.8 からは jQuery 1.3.2 が添付されているために発生している問題だと思われます。
        # ちょっと時間が無いので、状況は追いきれてはいませんが…

        なにか分かり次第連絡させていただきます。
        不具合報告ありがとうございました。

        • JAPAN Windows Internet Explorer 2009年6月23日 火曜日 11:20 AM

          再度、プラグインを調べてみました。
          当たっているプラグインはSyntaxHighlighter Plus(Version:1.0b2)でした。
          SyntaxHighlighter Plus停止でコメント動作OKです。

          取り急ぎご報告です。

          さんきゅう 返信
  • JAPAN Windows Internet Explorer 2009年9月4日 金曜日 9:04 PM

    コメントリストを使っていないテンプレートでなんですが、と、いいますか該当のCSS記述がありません(涙
    件のCSSの設定で二日間ほどホトホト頭を抱えています。

    コメント & トラックバックを同じに記述してます

    ・・・私、何かとんでもない勘違いしてますでしょうか?

    だっちゃ 返信
    • JAPAN Ubuntu Linux Mozilla Firefox 2009年9月5日 土曜日 3:36 PM

      だっちゃさん、はじめまして。
      実際に適用しようとしているサイトのURL、または使用されているテーマとそのダウンロード先をお教えください。

  • JAPAN Windows Google Chrome 2009年11月29日 日曜日 7:36 PM

    CSSのパスの設定がわからなくてできません><
    テーマは http://www.infocreek.com/webdesign/free-wordpress-theme-coming-up-next-is-blue-jeans.html
    を使っています・・・

  • JAPAN Windows Mozilla Firefox 2010年3月31日 水曜日 12:02 AM

    liblio(http://wordpress.org/extend/themes/librio)というテーマを使っております。

    Edit Comment ボタンは設定がデフォルトのままでも表示されるのですが、押しても何も起きません。
    たぶん 「コメントリストのCSSのパス」 という物が合ってないのかなぁと思っております。

    そもそも 『コメントフォームのCSSのパス』 と 『コメントリストのCSSのパス』 、『要素名の指定』 という概念がググってもこれといった物が掴めなかったので行き詰まってしまいましたorz

    私のようないまいちWordpressの事が判っていない初級者には使いこなしが難しげなプラグインの気がいたしますがご指導頂ければと思います。
    よろしくお願いいたします m(_ _)m

  • INDONESIA Windows Mozilla Firefox 2010年7月3日 土曜日 12:13 AM

    dear wokamoto.. I’m getting error using this plugin on my blog..
    I using modified inove theme and also wordpress 3.0

    could you give explanation about this.. :(
    thanks.. :)

    • JAPAN Ubuntu Linux Mozilla Firefox 2010年7月3日 土曜日 5:49 PM

      Hi, patembe.

      Please update to Quick Comments 0.7.3.1.
      http://sourceforge.jp/projects/wppluginsj/downloads/48058/quick-comments.0.7.3.1.zip

      best regards.

      • INDONESIA Windows Mozilla Firefox 2010年7月5日 月曜日 1:55 AM

        FYI: I have download quick comments plugins 0.3.7.1
        but when I try to activate it..

        this is the erros message:

        Plugin could not be activated because it triggered a fatal error.
        Fatal error: Cannot redeclare class OAuthException in /home/patembe/public_html/wp-content/plugins/quick-comments/includes/twitterOAuth/OAuth.php on line 8

        any idea? :D

        • JAPAN Windows Mozilla Firefox 2010年7月5日 月曜日 6:20 PM

          Hi, patembe.

          Please rewrite the 14th line of ‘quick-comments/includes/twitterOAuth/twitterOAuth.php’ as follows.

          if (!class_exists(OAuthException))
          	require_once('OAuth.php');

          http://dl.dropbox.com/u/110305/twitterOAuth.php

          • INDONESIA Windows Mozilla Firefox 2010年7月6日 火曜日 3:03 AM

            yups.. it’s work.. ;)

            thanks buddy.. :)

            best regards too. :D

          • INDONESIA Windows Mozilla Firefox 2010年7月6日 火曜日 6:49 PM

            OMG .. I forgot something.. :D

            I found this error

            Fatal error: Class ‘OAuthSignatureMethod_HMAC_SHA1′ not found in /home/patembe/public_html/wp-content/plugins/quick-comments/includes/twitterOAuth/twitterOAuth.php on line 47

            on the admin dashboard in menu notify comment author.. :)
            could you help?

コメントする


Twitter ID を入力すると新しいコメントがあった際、 @dogmap_jp が、あなた宛に@リプライでお知らせします。

入力いただいたメールアドレスから、TwitterGravatar に登録されているアイコンを表示します。
(メールアドレスは公開されません)

改行と段落タグは自動で挿入されます。メールアドレスは表示されません。

:mrgreen: :-P :-D :-) ;-) :-o :-| :-( 8-O :-? 8-) :twisted: :evil: :oops: :roll: :cry: :lol: :-x more »