記事ヘッダ

記事ヘッダはカスタマイズ可能ですので、標準の記事ヘッダをデザインする場合は「.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:		',';
}
OK キャンセル 確認 その他