Movable Type 備忘録

訪問者さんのコメントを差別化する

Aug072006
Author: bzbell
Categories: Customize
Tags: Comment, Customize, MovableType

Next Page: MovableTypeを自動的に再構築する
Prev Page: 複数のブログのエントリを1つのブログでまとめて表示する

いつもMovable Type 備忘録を訪問していただいて感謝しています。
MovableType(ムーバブルタイプ)は初心者にはハードルが高い...と言われてますが、そのハードルを少しでも低くできるよう、またぁ～りとがんばっていきます。

コメントの質問などは、できる限る即答( 実際には無理ですが、当日内にはなんとか )するよう心がけています。
けど、わたしのサイトだから可能なわけで、人気サイト( たとえば、小粋空間 )さんは、そうもいかないことが多々あるでしょうね。

羨ましい話です(*≧∀≦*)

そんな訪問者さんのコメントと自分が投稿したコメントを、感謝の気持ちを込めて差別化する（もちろん、いい意味でですよ）カスタマイズやってみました。

今回のカスタマイズはプラグインは使用しません。
本来のMovableType(ムーバブルタイプ)のタグのみで実現します。

具体的には、コメント投稿する際のニックネームをキーワードとして、訪問者さんと自分のコメントを差別化するようにします。

- 2006.08.08 - 追記
このカスタマイズは、クラス名に日本語が使用できないため、ブログ管理者のニックネームが日本語の場合には適用できません。たとえば、わたしのニックネームは bzbell なので、class="bzbell" と使用できますが、class="凛" のようには使えません。
もちろん、訪問者さんにはまったく影響ありませんから。

たとえば、最近のコメント一覧を例にしてみます。

そして上記例のスタイルとコードは以下のようになります。

ul.diff-comment {
text-align: left;
}
ul.diff-comment li.commenter {
font-weight: bold;
color: #ff3333;
}
ul.diff-comment li.commenter a,
ul.diff-comment li.commenter a:link,
ul.diff-comment li.commenter a:visited {
font-weight: bold;
color: #ff3333;
}
ul.diff-comment li.bzbell {
font-weight: normal;
color: #0033CC;
}
ul.diff-comment li.bzbell a,
ul.diff-comment li.bzbell a:link,
ul.diff-comment li.bzbell a:visited {
font-weight: normal;
color: #0033CC;
}

<ul class="diff-comment">
<MTEntries recently_commented_on="3">
<li><a href="<$MTEntryLink$>"><MTEntryTitle></a>
<ul>
<MTComments lastn="2">
<li class="commenter <$MTCommentAuthor$>"><a href="<$MTEntryLink$>#c<$MTCommentID$>" title="c<$MTCommentID$>"> <$MTCommentAuthor$> <$MTCommentDate format="%m/%d"$></a></li>
</MTComments>
</ul>
</li>
</MTEntries>
</ul>

青い字のスタイルでは、訪問者さん用のスタイルを指定します。
赤い字のスタイルでは、自分(わたし)用のスタイルを指定します。
そして、緑の字の部分で<$MTCommentAuthor$>をクラス名とすることで、訪問者さんなのか自分なのかを判断することができます。

どうです。お手軽でしょ (￣∇￣)b

この応用として、コメント欄も投稿者さんと自分を差別化する( たとえば、背景色をかえるとか自分のコメントにはインデントをつけるなどの応用が可能です。

こんな調子でプラグインなくてもできるようなカスタマイズを試行錯誤してます。言い方かえると、プラグインが作れないから、あるもので何とかしよう...というだけです（つω-`｡）とほほ