Categories
- このブログについて (2)
- バンド・DTM・DAW・楽器・機材 (34)
- 音楽・ミュージシャン (16)
- ブログカスタマイズ・ブログパーツ (18)
- MovableType覚え書き (25)
- Mac・その他PC・周辺機器 (42)
- 足利・両毛近郊の話題 (45)
- テレビ・ラジオ・芸能 (52)
- 食べ物・飲み物 (184)
- 風景・空・建物・モブログ (152)
- その他・メモ・覚え書き (81)
MT覚え書き:コメントを見やすく しましまプラグイン
2006/10/14 Sat
■このエントリーはMTを使っていた頃の覚え書きです■以前から気になっていたカスタマイズ&プラグインなのですが、ウチの場合、あまりコメントやトラバをいただかなかったので必要はそれほど無いと思ってました。。。
が!
ありがたいことに、ぼちぼちいただくようになったので設置してみようかと。。。
参考元は、[魔] Magic Whiteさんのしましまプラグインです。
プラグイン配布元は、nlog(n)さんの、しましまプラグイン 0.2です。
この、「しましまプラグイン」は、コメントだけでなく、トラックバックやエントリーまでしましまにできるそうです。ウチの場合はとりあえずコメントとトラックバックだけを”しましま”にしてみました。
まず、プラグインをダウンロード、解凍してサーバのMTディレクトリ内にある「plugins」フォルダにアップ。
次に「個別エントリーアーカイブ(Individual Entry Archive)」の<MTComments>の部分。
直接、色を指定をしちゃう場合は、
な感じで。<MTComments>
<div class="comments-body" style="background-color: <$MTStripeColor target="comments-body" oddcolor="#EFEFEF"$>">
<$MTCommentBody$>
<span class="comments-post" style="background-color: <$MTStripeColor target="comments-post" oddcolor="#EFEFEF"$>">
Posted by <$MTCommentAuthorLink spam_protect="1"$> at <$MTCommentDate$></span>
</div>
</MTComments>
この場合、コメントの背景が背景そのままの色(つまり背景色)と指定した色の交互になります。
トラックバック部分は、
な感じで。<MTPings>
<div class="trackback-body" style="background-color: <$MTStripeColor target="trackback-body" oddcolor="#E6E2D9" evencolor="#FAFAFA"$>">
<a href="<$MTPingURL$>"><$MTPingTitle$></a><br />
<$MTPingExcerpt$>
<span class="trackback-post" style="background-color: <$MTStripeColor target="trackback-post" oddcolor="#E6E2D9" evencolor="#FAFAFA"$>">
Trackbacked by: <$MTPingBlogName$> at <$MTPingDate$></span>
</div>
</MTPings>
ウチの場合、まずは合う色をいろいろ試したいのと、すぐ気が変わって色を変えたくなるので(汗)、個別エントリーアーカイブに色指定を埋め込むのではなく、色変更がすぐ反映されるスタイルシートテンプレートに色を書き込む方法をとりました。(ウチはエントリー数が無駄に多いので個別エントリーの再構築が大変&時間がかかるので。。。)
というわけで、クラスを埋め込みます。
に。そして、「スタイルシート」テンプレートに。<MTComments>
<div class="<$MTStripeColor target="comments-body" oddcolor="comments-body-1" evencolor="comments-body-2"$>">
<$MTCommentBody$>
<span class="<$MTStripeColor target="comments-post" oddcolor="comments-post-1" evencolor="comments-post-2"$>">
Posted by <$MTCommentAuthorLink spam_protect="1"$> at <$MTCommentDate$></span>
</div>
</MTComments>
「comments-body」は、コメントと投稿者(コメント者)を含む領域の色。
「comments-post」は、投稿者の部分の色。
そして、1と2の色を変えることでまさに”しましま”になります。
/*最初のコメントの色*/
.comments-body-1 {
background-color: #ffffff;
}
.comments-post-1 {
background-color: #ffffff;
}
上の色は全部#ffffff(白)の状態です。後は好みによって。/*次のコメントの色*/
.comments-body-2 {
background-color: #ffffff;
}
.comments-post-2 {
background-color: #ffffff;
}
ウチの場合、投稿者んとこも同じ色に設定しました。
好みによっては余白とか他のスタイルと同じように指定かな。
[魔] Magic WhiteさんもオススメのMariのいろえんぴつ、私もここで色を見て選んでます。
トラックバック部分スタイルシートは、
「comments-body」の部分を「trackback-body」に。
「comments-post」の部分を「trackback-post」にしたものを追加。
ありがとうございました。
Comment
ご無沙汰しています by panser
ご無沙汰しています。先ほど記事に対してトラックバックさせて頂きましたので宜しくお願いします。
また、以前にBlogpeopleにリンクリストに登録させて頂いたのですが当Blogが見当たらないのですが私のPing送信先が間違ってるのでしょうか? もしそうであればBlogpeopleのリンクリストのPing送信先を教えて頂けないでしょうか? お手数ですが宜しくお願いします。