Movable Type 備忘録

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

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

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

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

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

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

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

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

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

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

  1. ul.diff-comment {
  2.     text-align: left;
  3. }
  4. ul.diff-comment li.commenter {
  5.     font-weight: bold;
  6.     color: #ff3333;
  7. }
  8. ul.diff-comment li.commenter a,
  9. ul.diff-comment li.commenter a:link,
  10. ul.diff-comment li.commenter a:visited {
  11.     font-weight: bold;
  12.     color: #ff3333;
  13. }
  14. ul.diff-comment li.bzbell {
  15.     font-weight: normal;
  16.     color: #0033CC;
  17. }
  18. ul.diff-comment li.bzbell a,
  19. ul.diff-comment li.bzbell a:link,
  20. ul.diff-comment li.bzbell a:visited {
  21.     font-weight: normal;
  22.     color: #0033CC;
  23. }
  1. <ul class="diff-comment">
  2. <MTEntries recently_commented_on="3">
  3.     <li><a href="<$MTEntryLink$>"><MTEntryTitle></a>
  4.     <ul>
  5.     <MTComments lastn="2">
  6.         <li class="commenter <$MTCommentAuthor$>"><a href="<$MTEntryLink$>#c<$MTCommentID$>" title="c<$MTCommentID$>"> <$MTCommentAuthor$> <$MTCommentDate format="%m/%d"$></a></li>
  7.     </MTComments>
  8.     </ul>
  9.     </li>
  10. </MTEntries>
  11. </ul>

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

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

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

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

 Trackback Pings(1)

from 笑むなAikoの『お玉杓子は飲み物です』

こんな差別化は如何でしょうか？

Tracked on March 12, 2008

 Comments(4)

#1: Posted by oscar @ August 8, 2006 [REPLY]
user-pic

こんにちは！oscarです。
MTCommentAuthorでクラス名指定ですか。それ面白いかも。
ん？２バイトのクラス名って大丈夫でしたっけ？

 
#2: Posted by Author Profile Page bzbell @ August 8, 2006 [REPLY]
user-pic

>>1 oscar さん

こんにちわ^^

> ん？２バイトのクラス名って大丈夫でしたっけ？

あっΣ（￣Д￣；）ガーン
そういえば、HNって日本語名の人もいますもんね（つω-`｡）イタタ
追記しておきます。

 
#3: Posted by oscar @ August 8, 2006 [REPLY]
user-pic

こんばんわ、お仕事中のoscarです。

>このカスタマイズは、日本語のニックネームには適用できません。
実際にHN判断してるのは、エントリー投稿者かどうかのみですよね。コメント投稿者も駄目なのと勘違いされちゃいますよ。

このアイデア自体は、シンプルですごく良いと思います。

 
#4: Posted by Author Profile Page bzbell @ August 8, 2006 [REPLY]
user-pic

>>3 oscar さん

はぅΣ（￣Д￣；）
かさねがさねありがとうございます。

もぅoscarさんにはお世話になりっぱなしで（つω-`｡）とほほ

 

 Post a Comment

 

コメント用フィード