r-Studio

文字サイズ変更：

現在の文字サイズ：

このblogにはMTSwitchというPluginを入れています。

どういう使い方をするかと言うと、コメントの投稿者によってCSSスタイルを変更するとか出来ます。
管理人のコメントと訪問者のコメントの違いを"パッと見"で判断出来れば、コメントが多いblogでは便利かと思います。

上のリンク先でMTSwitchをダウンロードし、自分のサーバーの"/plugins"ディレクトリにアップロードしてインストールは完了。

次に、エントリー・アーカイブ等のコメント部分のテンプレートを書き換えます。
うちのコメント部分をさらけ出すと、

<MTComments>
<MTCommentsHeader><h2 class="entry-date">コメント</h2></MTCommentsHeader>
<div class="<MTSwitch value="[MTCommentAuthor]">
<MTSwCase value="r">author</MTSwCase>
<MTSwDefault>content-comments</MTSwDefault>
</MTSwitch>">
<h4 class="comment"><$MTCommentAuthorLink default_name="Anonymous" show_email="0"$>&nbsp;さんのコメント</h4>
<$MTCommentBody$>
<p class="post"><$MTCommentAuthorIdentity$> <$MTCommentDate$></p>
</div>
</MTComments>

こうなっています。

各コメントを囲う<div></div>にclassで赤字部分を指定しています。
何のことかよく分からないかもしれませんが、要するにこれは、

• 管理人がコメントした場合の<div></div>のclassは"author"とする。
• 管理人以外がコメントした場合の<div></div>のclassは"content-comments"とする。

という意味です。
つまり、この二種類のCSSを用意してやれば、管理人と訪問者によってコメントの表示のされ方を変えることが出来るというわけです。
ちなみに管理人かそうでないかを判断する基準は、

<MTSwCase value="r">author</MTSwCase>

この部分です。
このblogの場合はvalue="r"となっているので、投稿者名がrの場合は管理人であると判断するわけです。

それで私が用意しているCSSは、

.author {
	border: 1px dotted #fc0;
	padding: 1em;
	margin: 0.5em 0;
}

	.author h4 a[href="/"]:after {
		content: "@author";
	}

.content-comments {
	border: 1px dotted #ccc;
	padding: 1em;
	margin: 0.5em 0;
}

こんな感じ。
私のコメントはオレンジ色の枠で表示され、それ以外のコメントは灰色の枠で表示されるという簡単な区別です。

ついでに、IEの人には無縁ですが、私のコメントには名前の後ろに自動的に"@author"が表示されるようになっています。Firefoxで見るとわかります。
もっとも、そんな面倒なことしないで、投稿する段階で名前を"r@author"とすればいいだろう、という突っ込みはナシの方向で。

このblogはコメントがほとんどないのでアレですが、このエントリーのコメント部分を見ていただければ違いがわかります。