記事ヘッダ
記事ヘッダはカスタマイズ可能ですので、標準の記事ヘッダをデザインする場合は「.body-heade」ではなく「.art-info」に対して設定してください。
記事情報モジュール(記事ヘッダに固定)
記事のタグ、記事編集リンク、記事投稿者名などを表示するモジュールです。このモジュールは常に存在します。
<div class="art-info" data-module-name="dea_art-info"> <a class="http-bookmark" href="#"><img src="#" alt="はてブ数"></a><!-- はてなブックマーク数(赤字数字) --> <span class="write-date">2015/04/01 11:11</span><!-- 投稿日時、更新日時など --> <span class="tags"> <span class="tag"><a href="#">タグ1</a></span> <span class="tag"><a href="#">タグ2</a></span> </span> <span class="author" title="write-id">投稿者</span> <a href="#" class="edit-article">(編集)</a> </div>
- 設定により、どの項目も存在しないことがあります。art-info の中身が空のこともあります。
- タグの表示方法は自由ですが、最低限区切りなどを表示してあげるとよいです。
satsuki2.css のタグ表示(サンプル)
div.body-header span.tags:before { content: '['; } div.body-header span.tags:after { content: ']'; } span.tag:not(:last-child) { margin-right: 0.5em; } span.tag:not(:last-child):after { content: ','; }