今回のhtml出力内容の変更については、これまでスタイルシートを用いてカスタマイズを行って頂いていた皆様を中心に、事前の告知を行わず変更を行ったことで、混乱を招き申し訳ございません。
現在も、ユーザーの皆様のご意見をお伺いしながら、「hatena」テーマの微修正や、クラス定義の確認等を行っております。再度、若干の変更が発生する可能性もございますが、ご了承ください。よろしくお願いします。
id:hatenadiary:20040702#1088727985
はてなダイアリーが吐くHTML構造と、デフォルトテーマ「Hatena」のCSSが変更の真っ最中のもよう。この機会なんで、以前から思ってたclass属性の追加を要望しておこうかと思った。
というのは、エントリする記事の種類(カテゴリー)によって表示スタイルをちょっと変えたいというときがある。例えば、ウチなら「deadman」カテゴリーの記事だけは黒枠囲みにすれば、より訃報記事っぽさを出すことができる。でも、こういうフツーなエントリーにはそんな装飾をしたくない。
つまり、カテゴリーに応じてデザインを変えたいわけだ。これを実現するには、記事のカテゴリーをclass名として、セクション(小見出し+本文)ごとにdivタグで囲って貰えばよい。
具体的には、いまは次のようなHTMLが吐かれている*1。
<div class="section">
<h3><a href="./20040630#hughbcave" name="hughbcave">
<span class="sanchor">■</span></a>
[<a href="./searchdiary?word=%2a%5bdeadman%5d" class="sectioncategory">deadman</a>]
6/27 ホラー作家 ヒュー・B・ケイブ氏 93歳</h3><p>本文</p>
</div>
このsectionなdivタグ直下に、次のようにカテゴリ名のdivタグが配置されるようにしてもらえないかっつーことなのです。
<div class="section">
<div class="deadman">
<h3><a href="./20040630#hughbcave" name="hughbcave">
<span class="sanchor">■</span></a>
[<a href="./searchdiary?word=%2a%5bdeadman%5d" class="sectioncategory">deadman</a>]
6/27 ホラー作家 ヒュー・B・ケイブ氏 93歳</h3><p>本文</p>
</div>
</div>
これで「div.section div.deadman」のスタイルにborderを設定すれば、訃報にだけ黒枠を付けることができる。そのほか、いろいろ工夫ができるはず。
問題は、ウチみたいにカテゴリ名をすべてASCII文字だけでやってるところはいいだろうけど、日本語なカテゴリを作ってる場合はどうなるんだろう?
*1:あれ? sectioncategoryってclassは前からあったっけ?