2011年04月01日

2011 04.01 Fri


シーサーブログのコメント欄のカスタマイズ。

訪問者コメントと、オーナーの返信コメントと、
デフォルトのままだと見分けが付きません。

CSSとコンテンツの記事HTMLをカスタマイズして、
返信のテキスト色、背景色を変える方法。

まずCSSから。

.admin{
background-color:#F5F2E9;//*←背景色
color:;//*文字色
padding:10px 0px 5px 0px;
margin:0px;
line-height:1.8em;
font-family:Verdana;
}

他にもスタイルシートの項目を、自分で増やして指定してやれば、
訪問者コメントは左から、管理人コメントは右から、
という見た目もできますね。



次は、コンテンツ→記事→HTMLの編集。

中ほどのこの文字列を探してください。

<div class="comments-head">この記事へのコメント</div>

さらに、そこから3列ほど下のこの文字列を見つけます。

<div class="text"><% comment.body | tag_strip | nl2br | clickable('target="_blank" rel="nofollow"') %></div>

ここをこのように変更です。

<div <% if:comment.email eq 'パスワード' -%>class="admin"<% else %>class="text"<% /if -%>><% comment.body | tag_strip | nl2br | clickable('target="_blank" rel="nofollow"') %></div>



パスワードと書かれている部分に、
何でもいいのでパスワードを設定して書き込む。
<、>とか記号類はエラーの原因になる。


これで、カスタマイズ完了。

ブログ設定から、ひとまず更新して、最新の状態にする。


コメント欄のメールアドレス入力欄に、
設定したパスワードを記入してコメントを入れると、
見た目の変更が反映されていると思います。


ちなみにホームページアドレス欄(サイトURL)でも、
同じように代用できる。
この改造のミソは、パスワードを入力した場合のみ、
リンクを外してやること。

改造例

<div <% if:comment.homepage eq 'パス' -%>class="admin"<% else %>class="comments"<% /if -%>><% comment.body | tag_strip | nl2br | clickable('target="_blank" rel="nofollow"') %></div>
<div class="comments-post">Posted by <% if:comment.homepage eq '11' -%><span style="color:文字色;"><% comment.writer | tag_strip %></span><% else %><% if:comment.homepage %><a href="<% comment.homepage | tag_strip %>" target="_blank" rel="nofollow"><% comment.writer | tag_strip %></a><% else %><% comment.writer | tag_strip %><% /if %><% /if -%> at <% comment.createstamp | date_format('%Y年%m月%d日 %H:%M') %><br /></div>
</div>

お疲れさまでした。
参考になりましたらソーシャルメディアで共有してくださいませ。
posted by こさめ
edit  re
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/193694228
※言及リンクのないトラックバックは受信されません。

■ この記事へのトラックバック
カテゴリ
インターネット>ブラウザ・WEBメール(24)
インターネット>Firefoxアドオン、設定(15)
インターネット>Proxomitronフィルター(32)
インターネット>ブログ、WEBサービス(53)
インターネット>アフィリエイト・ポイントサイト(27)
インターネット>楽天、ポイントあれこれ(5)
インターネット>Windows最適設定(32)
インターネット>インターネット設定(17)
インターネット>デスクトップ改造・拡張(7)
インターネット>セキュリティソフト(6)
ブログカスタマイズ>カテゴリー、記事一覧系(38)
ブログカスタマイズ>jQuery(Script)文字系(23)
ブログカスタマイズ>CSS(Script)デザイン(28)
ブログカスタマイズ>ブログパーツ(7)
ブログカスタマイズ>携帯モバイル系(3)
ブログカスタマイズ>SEO・アクセスアップ(31)
マルチメディア>Brackets(5)
マルチメディア>画像系ソフト(6)
マルチメディア>DVD・動画プレイヤー(15)
マルチメディア>動画編集ソフト(6)
マルチメディア>音楽再生プレイヤー(16)
マルチメディア>ネットラジオ配信・編集(3)
マルチメディア>P2Pテレビソフト(4)
マルチメディア>おもしろ動画・感動動画(25)
デザイン>フリー素材 画像(5)
デザイン>HP・ブログ フリー素材(6)
デザイン>イラスト(非素材)(8)
デザイン>作詞作曲編曲MP3(5)
雑記>PC部品・音楽機材(7)
雑記>映画・アニメ・漫画・芸能(14)
雑記>どうでもいい雑学知識(6)
雑記>ゲーム(6)
雑記>スマホ・携帯電話(6)
雑記>カーナビ・ETC(3)
雑記>ネット銀行とか(2)
雑記>18禁?ちょいエロネタ(3)

 (C) 2006 - kosame All rights.