10th
4 月
2008
Authorコメントの背景色を変える
デザイン性とナビゲーション能力の高いコメント欄30選でAuthorのコメント欄のみ違った色で表示されているのを見て、CSSをひっくり返して見たけどわからず。。。ググってようやくハックする方法見つかったので導入してみました。
CSSを変更するだけでなくcomments.phpにも追記が必要です。詳しくは自分（Author）のコメントだけ背景色を変える。で紹介されてます。
スタイルシートに下記を追記
.authcomment { background-color: #B3FFCC !important; }
comments.phpの
<li id="comment-<?php comment_ID() ?>">
に以下のphpスクリプトを追記。
<li id="comment-<?php comment_ID() ?>"<?php
if (1 == $comment->user_id)
$oddcomment = "authcomment";
echo 'class="' . $oddcomment; ?>">
これでサーバにアップロードして完了。
デフォルトテンプレートの場合、コメント欄には.altのクラスがかけてあるので、交互に色を変える設定が出来るようになってるんだけど、これに上記のスクリプトを追加すればLarissa Meekのサイトのコメント欄みたいなデザインにすることが出来ます。
あとはまたデザインで見栄えを整える。。。作業が増えた。。。とういか、これってたくさんコメントもらえるようにならないと、あんまり意味ないのかも(トホホ)
参考：How to highlight author comments in WordPress
Tags: wordpress
