メイン部

メイン部は<div class="main">要素からなる記事本文を表示する領域です。

メイン部はさらに、メインヘッダ部、メインフッダ部、メイン記事部に分かれます。

構造

<div class="main">
  <!--ヘッダ部-->
  メッセージ部
  <div class="page-head">
    ページ送り
  </div>

  １つ目の記事データ
  ２つ目の記事データ

  <div class="page-foot">
    メインフッタ（ページ送り）
  </div>
  メイン部ラスト
</div>

div.page-head, div.page-foot は同時にcalendarクラスが指定されていますが、はてな互換のためのクラスです。使用しないでください。

メイン記事部

記事本文の領域です。一つの記事は次の構造をしています。

<div class="day"><div class="day2">
	<h2 id="day1"> ～記事タイトル～ </h2>
	<div class="body">
		<div class="section body-header">
 			記事ヘッダ
                </div>
		<div class="clear"></div>
		    :
		～～記事本文～～
		    :
	<div class="clear"></div>
	</div> <!-- end of body -->

	<div class="day-additional"><div class="day-additional2">
		コメント欄
		トラックバック欄
	</div></div> <!-- end of day-additonal2/day-additonal -->
</div></div> <!-- end of day2/day -->

その記事がwikiコンテンツである場合、１行目の"day"クラスに同時クラスとして"wiki"クラスが出力されます（class="day wiki"となります）。
単一表示モードのとき "day-single" が、複数表示モードのとき "day-plural" が "day" クラスに同時クラスとして出力されます（Ver1.44以降）。
day-additional領域は、コメント／トラックバック欄のあるなしに関わらず必ず出力されます。ただしメッセージ欄やシステムモード（管理画面）では出力されません。
h2は常に出力されます。しかし、ユーザーが埋め込みテキストを用いてタイトルなし欄を出力する利便性を考えた場合、h2がなくてもきちんと表示される方が望ましいです。

またシステムモードでは外側にdiv.editが出力されます。これを利用してシステムモードでの表示を変更することができます（Satsuki系のテーマでは、システムモードのみ背景色を付けています）。

<div class="edit"><div class="day"><div class="day2">
	記事データ
</div></div></div> <!-- end of day2/day/edit -->

メイン部ラスト

<div class="footer calendar">
<hr class="footer"><!--フッタ-->
	<div>埋め込みテキスト「s.text_footer」</div>
	<a href="http://adiary.org/">adiary</a> Version 1.43.<br>
</div>

adiaryのバージョンを出力している部分です。div.calendar ははてな互換のための出力です。使用しないでください。埋め込みテキストを使用した場合、adiaryバージョン表記の手前に出力されます。

テーマでよく見られるように、IEを除くモダンブラウザ使用時に、テーマのバージョンを出力する場合は次のようにします。

div.footer:after {
	content: "Mitsuki Theme Rev0.91beta Designed by Kaede.";
}

強制はしませんが、テーマ利用者のことを考えた場合この表記はシンプルなものにし"Coptyright"とは書かないようにしましょう。知らない人からみたら、ブログの記事の著作権表示と混同してしまいます。

メイン部

構造

メイン記事部

メイン部ラスト

記事リスト