Home > Internet > Movabletype > コメント関連の機能追加

コメント関連の機能追加

Posted by: oscar
2006-08-04 (金) 13:03
MovableType
Comment, Movable Type
delicious count
hatebu user
コメント関連の機能追加

さほどの気負いもなく、しかしアクセス数増加への野望を胸に、このサイトを続けてきましたが、つい先日10000アクセスを記録したようです。こんな大したことないサイトを、見に来ていただいてる皆さんには、ここでお礼を申し上げたいと思います。
みなさん、見ていただきどうもありがとうございます。

という事で、AjaxCommentは導入あきらめてますが、その代りにエントリー・アーカイブのテンプレートにはかなり手を入れてきました。ここで紹介したいと思います。

1)トラックバック・コメント表示のテンプレート変更
Faviconの導入：以前試したままほっておいたのですが、bzbellさんの記事を見て思い出し、設置してみました。トラックバック・コメント共に付けるようにしてます。このプラグイン結構バージョンがあがっているんですね。以前試したのと大分変わってます。一か所くびをひねってるのは、なぜかPatrickさんのサイトのFaviconがbzbellさんのサイトのFaviconになってしまっている事です。管理画面ではちゃんと表示されるんですがねぇ?
Gravatar：E-mailに関連付けたアイコン(アバター)を表示するサービスです。こちらを使っていたのでFaviconの使用をやめてたのですが、今回は両方表示するようにしてます。コメント表示部分の右上にFloatさせるようにしてます。ちなみにGravatarで無料登録できます。審査に時間がかかりますが、幾つかのブログで対応してますので、登録してみてはいかがですか？組み込みはMTはじめプラグインやスクリプトがいっぱいあります。私はMTGravatar プラグインを使ってます。
サイトサムネイル：SimpleAPIというのを使って、サムネイルを生成してます。URLを渡すだけなので簡単ですよ。
管理者と訪問者での表示変更：MTSwitchというプラグインを使用してます。<MTSwitch value="[MTCommentAuthor]">でユーザーを判断し、メッセージを切り替えてます。
一つ置きに見た目を変える：これはnlog(n) - しましまコメントプラグインという専用のプラグインもあったりするのですが、他にも応用が利くMTRoundRobinというプラグインを使ってます。このプラグインなら5色を順番に、なんてことも出来ますよ。
以上は、割と簡単に組み込みできますので、試してみてはどうですか？

2)TypeKey廻りのメッセージ変更：タイプキー廻りのメッセージが気に入らない場合、以前はテンプレートで修正できたのですが、mt-site.jsの中に入ってしまっているため、面倒なことになっています。mt-site.jsというのは、MTがバージョンアップした場合に変更になっている可能性が高く、MT3.32Jaが噂される現在手を着けたくないファイルです。テンプレートに直書きも考えたのですが、今回はコメント廻りのJavascriptを独立したファイルとして作成しました。
やり方は、mt-site.js内の writeTypeKeyGreeting という関数を丸々新規ファイルにコピーします。そのまま同名関数を上書きしても良いのですが、解り易く関数名を writeTypeKeyGreetingmod と変更し、HEAD内でそのファイルを読み込むようにします。そしてエントリーアーカイブのTypeKeyを呼び出しているところを以下のように変えれば切り替わります。

<script type="text/javascript">
  <!--
    writeTypeKeyGreetingmod(commenter_name, <$MTEntryID$>);
  //-->
</script>

おっと変更の中身に関しては、小粋空間: TypeKey サイン・インのメッセージを変更するなどを参考に各自気の済むように行ってください。なお新しいJavascriptはインデックステンプレートとして作成しておけば、簡単に編集できるようになります。

3)コメントに修飾タグ用のボタンを付ける：これは試行錯誤しました。最初は小粋空間: コメントにHTMLタグ挿入ボタンをつける（改）を元に色々と試していたのですが、自分の欲しい機能を追加しようとして苦労しました。そんな時見つけたのがQuicktags 1.2です。実はlomoさんのところで見かけてて、自動で閉じタグ挿入になるけど、どうなってるんだろうと思ってました。導入の参考にしたサイトはさえらさんのやむやむ: コメント編集にQuickTags入れてみましたです。割とこのソースは理解しやすかったので、自分用に幾つか追加したりしてます。あと、デフォルトではボタンボタンして嫌だったので、CSSで若干見た目を変えています。

4)coCommentを組み込み：bzbellさんからも質問されましたが、clmemo@aka: coComment が自動トラッキング機能をサポートに解説があります。コメント付けたサイトが、後で解らなくならなくなって、すごく便利です。FirefoxExtentionをインストールしてあると、サイト側の対応抜きでも機能が使えます。
分のサイトに組み込むメリットはあまりよく理解できてないのですが、面白そうなので付けてます。
自分が余所で付けたコメントを、サイトに表示するWidgetもあります。

5)コメントのリアルタイムプレビュー：参考サイトはstroll::blog | コメントをプレビュー表示です。とりあえず設置してみたところ、修飾タグの入力が出来ませんでした。もう一度ソースを見てみると、どうやら<などの記号を実体参照に置換してるところがあります。どうやらこのせいで、修飾タグが使えないようです。コメント入力に修飾タグを許可している場合には、この部分をバッサリ削除しちゃいましょう。私は改行の置換のみにしちゃいました。これの導入に合わせて確認ボタンは外してます。

やりかけて、失敗した事：OpenID認証の導入は試してみたのですが、うまくいきませんでした。日を置いて再挑戦したいと思っています。それとAjaxCommentも文字コードの問題が解決できるようなら、再挑戦してみたいと思います。

Newer >: QuickImagePostが少し変
< Older: AjaxCommentの改良？版

わりと新しめの関連してるかもしれないエントリー達（10件）

ping a Trackback

TrackBack URL for this entry.(1)

Comments:(6)

さえら said August 4, 2006 3:33 PM | ReplyThis!

こんにちは、はじめまして。トラックバックありがとうございました。
そのまま使わないでご自分でボタンを追加なさっててすごいですね。

oscar replied for さえら's comment August 4, 2006 9:05 PM | ReplyThis!: はじめまして、さえらさん。
ずいぶん、古いエントリーにトラバしてしまいました。
MT始めた頃にいつもカスタマイズしようと検索し、たどり着くのがやむやむでした。
これからもよろしくお願いします。

Patrick said August 7, 2006 10:09 AM | ReplyThis!

Gravatarで気になるのは、普通に公開しないユーザのメールアドレスがイメージのURLで丸見えになってしまいます。Harvesterがこれを気付くと、Gravatar対応のブログでコメントしたユーザにスパムが届く可能性があります。

何か暗証を使った仕組みにしたらほうがいいと思います。

oscar replied for Patrick's comment August 7, 2006 10:20 AM | ReplyThis!: こんにちは、Patrickさん。
なるほど、Gravatarにはそういう問題があるのですね。気づきませんでした。
至急対策を講じたいと思います。

Patrick said August 7, 2006 11:57 AM | ReplyThis!