ＦＣ２ブログでブログ管理者のコメントの背景色を違う色にしてみる

★ 今回は『管理者のコメントの背景色を違う色にしてみる』です。


他の人からコメントを頂いて、
そのコメントに返答コメントを書き込んだときに
管理者である自分のコメントが判りにくいと思ったことはありませんか？

もし、自分が判りにくいと思っているなら、
コメントの返答を見にきた方も
判りにくいと思っているのではないでしょうか？

ということで、管理者のコメントの背景色を変えて判りやすくしてみましょう。


やることは結構単純です。

まず、ＦＣ２ブログの管理画面から『テンプレートの設定』に入ります。
そして、テンプレートのＨＴＭＬの編集画面から
以下のタグで囲まれている部分を探します。

<!--comment-->
〜通常ここにはコメント関連の記述がしてあります。〜
<!--/comment-->

この部分をまず、以下のように変えてしまいましょう。

<!--comment-->
<div class="<%comment_name>">
〜元々記述されているここの中身の部分は変更しないこと〜
</div>
<!--/comment-->


次に、ＣＳＳの編集部分に次のような記述を加えます。

.管理者としてコメントするときの名前（日本語もＯＫ）{background:あなたのコメントの背景色にしたい色のコードか名前;}

『管理者としてコメントするときの名前（日本語もＯＫ）』
『あなたのコメントの背景色にしたい色のコードか名前』

の部分は自分の状態に合わせて適宜変更してください。

例えば、このブログでは
管理者としてコメントするときの名前（日本語もＯＫ）＝アドセンス、アフィリエイトにちょっと使えるネタ帳
あなたのコメントの背景色にしたい色のコードか名前＝#FFFFEF

として、

.アドセンス、アフィリエイトにちょっと使えるネタ帳{background:#FFFFEF;}

という状態になっています。（どうせ見ればわかるので、隠してもしょうがない）

こんな感じにしておくと、
自分のコメントだけ背景色が変わってわかりやすいかもしれません。

忘れやすいのがＣＳＳの部分の最初の「.」です。


特に難しい変更ではないですが、
やっておくとユーザビリティーとしては良くなるのかもしれませんね。

※注意
コメントは、承認後に表示にしておくこと。
同じ名前の投稿者名を付けられた場合に
管理者のコメントとして背景色が変更されてしまいます。
人気ブログランキング

ブログ内関連タグ : ブログ カスタマイズ ＣＳＳ