NEW<< MT覚え書き:本当の「確認」 | HOME | MT覚え書き:moblogサムネイル表示 >>OLD

Categories

MT覚え書き:コメントを見やすく しましまプラグイン

■このエントリーは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;
}


/*次のコメントの色*/
.comments-body-2 {
background-color: #ffffff;
}
.comments-post-2 {
background-color: #ffffff;
}

上の色は全部#ffffff(白)の状態です。後は好みによって。
ウチの場合、投稿者んとこも同じ色に設定しました。
好みによっては余白とか他のスタイルと同じように指定かな。

[魔] Magic WhiteさんもオススメのMariのいろえんぴつ、私もここで色を見て選んでます。

トラックバック部分スタイルシートは、
「comments-body」の部分を「trackback-body」に。
「comments-post」の部分を「trackback-post」にしたものを追加。

ありがとうございました。
NEW<< MT覚え書き:本当の「確認」 | HOME | MT覚え書き:moblogサムネイル表示 >>OLD

Comment

ご無沙汰しています by panser

ご無沙汰しています。
先ほど記事に対してトラックバックさせて頂きましたので宜しくお願いします。
また、以前にBlogpeopleにリンクリストに登録させて頂いたのですが当Blogが見当たらないのですが私のPing送信先が間違ってるのでしょうか? もしそうであればBlogpeopleのリンクリストのPing送信先を教えて頂けないでしょうか? お手数ですが宜しくお願いします。
2006/11/02(木) 16:56:03 | URL | [ 編集 ]

管理人のみ閲覧できます by

このコメントは管理人のみ閲覧できます
2006/11/02(木) 17:23:48 | | [ 編集 ]

ブログピープル by くんぞー

こんばんは(^O^)
更新後に上位にあることをご確認ください(^_^)b
2006/11/03(金) 09:03:45 | URL | [ 編集 ]

Post a comment















管理者にだけコメントをわたす。

 

Trackback

コメントを色分けして見やすくする

今後、コメントを頂いた時の為にと思いコメントをを交互に色分けして見やすくするカスタマイズをしました。
From Ricordo,2006/11/02(木) 16:43:13

ムーバブルタイプでコメント欄の色を交互に変えるプラグイン

以前から、やりたかったコメント欄の色を交互に変えるプラグインを見つけたので、このブログにも先日導入したので、そのプラグインのご紹介と導入方法をメモ。具体的にどういったことをしたかったのかといいますと。。。しましまにコメント欄の色を変えたかっただけ。。。で
From デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記,2006/12/12(火) 05:50:15

Trackback Pings

※この記事に関係の無いトラックバックは削除させていただきます。
FC2ブログユーザーは”こちら”をクリック。

このエントリーのURL
 
HOME

copyright © 武州屋 all rights reserved. Powered by FC2ブログ.ホームページ アフィリエイト レンタルサーバー FC2ブログ FC2管理用