マンガ『月光条例 第六巻』藤田和日郎、少年サンデーコミックス映画『南極料理人』VS原作『面白南極料理人』

2009年09月22日

ブログ改造「コメントが0件じゃない時だけ、でかい字にして目立たせて表示する(PCサイト限定話題)」

毎日、全記事にコメントが付くような売れっ子ブログには縁のない話です。ああ、でも、そんな人はここに来ないから安心だ(多分、安心するのは間違えていると思う)。

季節の変わり目、忘れた頃に「ポツポツ」コメントが付くような、私のところみたいなブログでは、付いたコメントを目立たせて読んでもらえたらなあ、という気持ちがあります。という事で、涙を流しながら実現してみました。

以下に修正方法を載せます。

条件:ライブドアの独自タグを使うので、ライブドアでブログを作成している人だけが同じ方法で実装可能です。又、私は素人なので、自分のブログではちゃんと動いていますが、必ず動くかどうかの保証はできません。はっきり言っちゃうと自信はないです。もっといい方法もあるかもしれません。まあ、調べるのも面倒だし、という程度で、元に戻せる準備を事前に取りながら作業してください。

修正点:コメントが0件以外の時、フォントサイズを1サイズ大きくして、目立つ赤色にするように変更しました。

修正方法
  屮妊競ぅ鵑離スタマイズ」から「トップページ」を選びます(個別、月別、カテゴリ別のどれでもできますが、一番、使用頻度の高そうな「トップページ」を例にします)。この「トップページ」表記に手を入れて直していきますが、「壊れちゃって、元からあった文章も全く読めなくなっちゃった。真っ青」とかいう事態を避ける為に、修正前の文書はテキスト文書か何かに逃がして置いてください。
 ◆div class="posted"」って、表記を探します。この「div class="posted"」から、次の「/div」までが、

誰それ at HH:MM|Permalink │Comments(0) │TrackBack(0)│0拍手 │カテゴリ1 │カテゴリ2

この行に対する特徴を表わしている記述の塊です。ライブドアで作成している2、3のブログを見てみましたが、一応、どれも同じ作りになってるので、よっぽどマニアックな人がデザインを作っているのでなければ、同じ名前が採用されているんじゃないかと思います。もし、見つからなかったら「あばよ」、君は君の道を行け!
 「div class="posted"」の後に、「<IfArticleAllowComment>│<a href="<$ArticlePermalink$>#comments">Comments(<$ArticleCommentCount$>)</a></IfArticleAllowComment>」という表記があると思います。これが、この行の中の、コメントに対する記述部分です。
何だか、分かりづらい、見づらいなあ、と思ったら前後に改行を入れて見やすくしてしまってもいいです(実表示には何の影響もないです)。もちろん、ここで言ってる「改行」はテキスト上の改行の事で、「改行タグBR」の事ではありません。
で、上のコメントに関する記述を下みたいに変えます(細かい違いはあるかもしれないけど、その辺は臨機応変で)。

「<IfArticleAllowComment>│<IfArticleCommentCount><a href="<$ArticlePermalink$>#comments"><font size=+1 color="RED">Comments(<$ArticleCommentCount$>)</font></a><Else><a href="<$ArticlePermalink$>#comments">Comments(<$ArticleCommentCount$>)</a></IfArticleCommentCount></IfArticleAllowComment>」

これを保存して(「この内容に変更する」ボタンを押す)、デザインの反映(「デザインの反映ボタン」を押す)をすれば出来上がりです。

中に切ってある「font size=+1 color="RED"」が文字を今使ってる奴より1サイズだけ大きくして、字を赤にするという部分なので、ここはマイナーチェンジが可能です。

って、感じです。
「個別」だけ、ちょっと形が違うみたいなんで(「Permalink」が自分自身なので、LINKがない)注意が必要です。




fjk78dead at 01:42│コメ(0)トラバ(0)ブログ改造 

トラックバックURL

コメントする

名前
 
  絵文字
 
 
マンガ『月光条例 第六巻』藤田和日郎、少年サンデーコミックス映画『南極料理人』VS原作『面白南極料理人』