コメントするのが楽しくなる4つのWordPressプラグイン

スポンサーリンク

comment-plugin00ユーザーさんにコメントを頂いたり、
管理者がコメントに返信したりするのは
ブログの醍醐味ですが、どうせなら
コメントしたくなるように工夫しておきたい所。
それを実現する4つのWordPressプラグインを
ご紹介いたします。

Quote Comments

comment-plugin01
コメントを容易に引用、返信する事が可能です。それぞれのユーザーの
コメント欄に「引用」ボタンが表示されるので引用したい、返信したい
コメントをクリックするとコメント欄にタグが表示。あとは言及するなり、何なり。
引用元のユーザーのリンクも出ますので誰に返信してるかが一目で分かります。

Quote Comments

Custom Smilies

comment-plugin02
絵文字をコメントで使えるようにするプラグインです。wwwが苦手なパシフィカスさん
これがあればイラッと来る事も無くなります。顔文字も時として馬鹿にされてる、
と取られてしまう事になるかもしれませんが、絵文字ならその誤解も減りそうです。

設定が必要で、アップロードして有効化したら設定画面で最下部の
Other optionsにチェックを入れて保存してください。自動的にコメント欄下に
顔文字アイコンが追加されるはずです。

Custom Smilies

Comment Form Quicktags

comment-plugin03
簡単なHTMLタグが使えるようになるプラグインです。タグの種類は
デフォルトではb(太文字)、i(イタリック文字)、del(打ち消し線)、
link(アンカーリンク)、blockquote(引用)、code(ソースコードを表示する)
の6種類です。設定画面で変更も可能です。
comment-plugin03a
インストールはアップロードして有効化するだけでコメント欄に追加されます。

Comment Form Quicktags

Comment-Images

comment-plugin04a
コメント欄に直接画像を表示する事が出来るプラグインです。
コメント欄下にYou can add images to your comment by clicking here.
と表示されるのでクリックすると以下のような窓が出現。
comment-plugin04
画像のURLを入力するとコメント欄にタグが現れます。後は普通にコメントすれば
画像付きのコメントが可能です。が、日本語に直したほうが良さそうですね。

変更箇所

wp-comment-images.phpを開いて33行目あたり。

echo "<p>You can add images to your comment by <a href='#' onclick='embed_comment_image(); return false;'>clicking here</a>.</p>";

ここを以下のように変更

echo "<p>コメント欄に画像を表示できます。 <a href='#' onclick='embed_comment_image(); return false;'>ココをクリック</a>して画像のURLを入力してください。</p>";

テキストは何でもいいですのでお好みで変更してください。

Comment-Images

以上4つのWordPressでコメントが楽しくなる4つのプラグインでした。
動作確認はWordPress2.7で行いました。
因みにこのブログに何を導入するかはまだ検討中ですが多分全部導入します。
実装は当ブログのコメント欄でご確認下さい。(お気軽にコメント下さい:))

URL :
TRB :

Comments & Trackbacks (21)

  1. shozo

    絵文字はコメントするのが楽しくなりそうですね。

    コメントはちょっと…。って思う人にも、ちょっと敷居が低くなった感じですね。

    バージョンも2.0以降ならいけそうなんで、WPブログに入れてみようと思います。

  2. hyg-27

    いつも読ませていただいております。

    個人的にWordpressのブログをやっているのですが、
    ほぼデフォルトの状態です。。。

    最近、やっとカスタマイズしようという気が起きてきました。

    このブログはWordpressの記事が秀逸なので、参考にしたいと思います。

  3. kachiaru

    >shozoさん

    こんばんは。コメント有難う御座います^^
    コメントは僕にとって宝物ですので、もっと工夫したいと
    考えています^^

    shozo: バージョンも2.0以降ならいけそうなんで、WPブログに入れてみようと思います。

    おお、本当ですか!今度僕もお邪魔しますね~^^
    サイト教えてくださいね!

  4. kachiaru

    >hyg-27さん

    こんにちは!リンク貼ってくださっていたのでブログは
    存じていました~^^

    hyg-27: 個人的にWordpressのブログをやっているのですが、

    ほぼデフォルトの状態
    それもありっちゃ、ありですけどね(笑)案外デフォルトも美しいのですが、
    色々といじるのも楽しいですよ^^

    hyg-27: このブログはWordpressの記事が秀逸

    有難う御座います!今後とも、宜しくお願いします!

  5. MEH

    私も使わせていただきます :D

    記事も書かせてもらっても良いですか? ;) :oops:

    コメントが殺風景なのがとても気になるので探していたらこちらを見つけました。

  6. kachiaru

    >MEHさん

    こんにちは :)

    MEH: 私も使わせていただきます :D

    記事も書かせてもらっても良いですか?

    どうぞどうぞ、ご遠慮なく!むしろありがたいです~ :P

    僕のサイトのコメントももう少しどうにかしたいですw

  7. opc

    テストさせて[img]http://gigazine.jp/img/2007/12/16/driving_directions/driving_directions_t.png[/img]下さいな。

  8. opc

    opc: テストさせて下さいな。

  9. kachiaru

    >opcさん

    こんにちは :)

    初コメントの場合は承認制になっています。すみません^^;

    テストもどうぞお気軽に :mrgreen:

  10. kanamello

    今更ながら…参考&リンクさせていただきましたのでお礼まで。

    custom smilies、いいですね :-D

    アップロードして有効化したら設定画面で最下部のOther optionsにチェックを入れて保存してください。自動的にコメント欄下に顔文字アイコンが追加されるはずです。

    wordperssのテーマ(wp.vicuna.ext.使用中)によっては2.3以降でも、オプションにチェックを入れるだけではcomments.phpに自動で反映されないみたいです。

  11. シロ

    >kanamelloさん

    コメント有難う御座います :-D

    kanamello: 今更ながら…参考&リンクさせていただきましたのでお礼まで。
    custom smilies、いいですね

    リンク有難う御座います!僕も気に入っています :mrgreen:

    kanamello: wordperssのテーマ(wp.vicuna.ext.使用中)によっては2.3以降でも、オプションにチェックを入れるだけではcomments.phpに自動で反映されないみたいです。

    あっ、ほんとですか?ふむー、参考になりました!有難う御座います :wink:

  12. フマキラー

    はじめまして。
    よく利用させて頂いております。本当に見やすくて素敵なサイトですね。

    今回、どうしてもお聞きしたいことがあり、書き込みさせていただきました。
    コメントとトラックバックを同じ場所で切り替えられるような機能を装備したいと思っています。

    プラグインを探したり、Java scriptを導入してみたりしましたが、まだまだ素人なため、解決できず困っています。

    かちびと.netさんでは「頂いたコメント」、「トラックバック」、「お読み下さい」とあり、それぞれ切り替えができるようになっていますが、これは何かのプラグインを使っているのでしょうか?それともソースをいじっておられるのでしょうか?

    ソースへ独自で入力されているようでしたら、是非、ご助言いただけると嬉しいです。
    よろしくお願いします。

    • シロ

      こんにちは:)お褒めにあずかり光栄ですー!

      かちびと.netさんでは「頂いたコメント」、「トラックバック」、「お読み下さい」とあり、それぞれ切り替えができるようになっていますが、これは何かのプラグインを使っているのでしょうか?それともソースをいじっておられるのでしょうか?

      ソースへ独自で入力されているようでしたら、是非、ご助言いただけると嬉しいです。

      はい、僕は独自で入力しています。この場合、スキルはPHPの知識になります。実装内容を書くのに、コメント欄では伝わらないと思いますので、参考URLを貼っておきますね。

      WordPress: コメントとトラックバックを分けるのにプラグインは不要

      上記記事でコメントとトラバを分けることが出来ると思います。カスタマイズになるのでテーマのバックアップは取っておいてくださいね。

      あと、切り替えに関してですが、これはJavascriptを使用しています。これはいくつかあるのでお好きなモノを選択してください。僕はjQueryというjsライブラリを好んで使用しています:)

      jQueryを使ったタブメニューの実装サンプルまとめ

      この2つの知識があればお望みのカスタマイズが出来ると思います。機会があったら記事にも書いてみますね!(期待はしないでくださいw

      • フマキラー

        アドバイスいただきまして有難う御座います。分かりやすくアドバイスをいただき、感激しております。

        前記のリンクにつきましては、理解済みで確認もできました。

        次の「jQueryを使ったタブメニューの実装サンプルまとめ」のページですが、Wordpressのどこへ設置すれば良いかで困っています。

        ただ単にHTMLのみのホームページですと、設置は分かりますが、
        Wordpress3.0.1の設置仕立ての基本状態の場合、Wordpressのファイルのほとんどが●●.PHPですので、「head内にリンクを張る」と書いてあっても、どの箇所へペーストすれば良いか理解できておりません。

        つまり、リンクページ先にあります「head内にリンクを張る」、「さっそく使ってみる」、「フェードアウト/フェードイン エフェクト」の項目をそれぞれどのファイルへペーストすれば、よろしいのでしょうか?

        かちびと.netさんの「コメント」と「トラックバック」を同じ感じで動かしたいのですが、コメントの場合リンク先の「さっそく使ってみる」内の「タブ1」の言葉を「」のように変えるだけで、合ってますでしょうか?

        素人過ぎる質問ですみませんが、再度教えて頂けると幸いです。よろしくお願いします。

        • シロ

          WordPress3.0.1の設置仕立ての基本状態の場合、Wordpressのファイルのほとんどが●●.PHPですので、「head内にリンクを張る」と書いてあっても、どの箇所へペーストすれば良いか理解できておりません。

          了解しました。まず、PHPはPHPを編集できるテキストエディタを使う必要があります。(例えばTerapadとか)Windowsのメモ帳ではPHPは編集出来ませんのでPHPに対応したエディタをDLしてください。

          このエディタでWordPressで使っているテーマファイルに含まれているheader.phpを開きます。jQuery本体と、タブを実装するjQueryプラグインのjsファイルまたはコードを<head>内に入れて保存し、アップロードします。これでjQueryの設置は完了です。

          あとは導入したjQueryプラグインの使用例を真似てマークアップすれば実装されます。

          つまり、リンクページ先にあります「head内にリンクを張る」、「さっそく使ってみる」、「フェードアウト/フェードイン エフェクト」の項目をそれぞれどのファイルへペーストすれば、よろしいのでしょうか?

          基本的にはそれで動きますが、WPにコピペしても動きません。コードは少し変わってくると思います。

          【ヒントです】
          WPに入れる前に、まずはjQueryの設置からローカル環境でテストしてみてはいかがでしょう?どうやったらjQueryが動いてくれるかが理解できたほうが混乱しません。僕のブログのように、という事でしたら、僕の記事をどれでもいいのでHTMLソースをコピーしてローカル環境でいじってみてください。

          コピペに頼らず、触りだけでも理解したほうが後々困らないと思います。僕もなんどもテストを繰り返して少しずつ理解しています。ググればサンプルは山のように出てきます。これとWPテーマの構造の基本さえ理解すれば簡単に実装出来ますよ!

  13. えぐ

    湖面とテストさせてください

    • test

      test

  14. North Face Jakke

    素晴らしいブログのこの種いただき、誠にありがとうございます。

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services