テーマ開発ドキュメント

記事タイトルは、記事を閉じるスイッチ、記事日付と共に出力されます。

• 開閉スイッチ
• 記事日付
• 記事タイトル

<h2>
	<a class="switch" href="〜"><span class="open">▼</span></a>
	<a class="date" href="〜"><span class="date">2007/10/10(水)</span></a>
	<span class="title"><a href="〜">記事のタイトル</a></span>
</h2>

■開閉スイッチ

<a class="switch" href="〜"><span class="open">▼</span></a>

記事本文を開いたり閉じたりするスイッチです。JavaScriptにより実装されています。spanのクラスは開いているとき"span.open"であり、閉じているとき"span.close"です。クラス指定で表示を変更することができます。

またkonomiテーマなどのように画像アイコンなどに置き換えることもできます。

div.day h2 a.switch {
	font-size: 0pt;
	padding: 30px 26px 0 0;
	background-image: url("sakura-small.gif"); /* アイコン画像 */
	background-position: center;
	background-repeat: no-repeat;
	width: 0px; height: 0px;
	_padding: 0px;
	_width: 26px; _height: 30px; /* for IE */
}

デザイン上スイッチが邪魔ならば消してしまってもよいと思います。

div.day h2 a.switch { display: none; }

■記事日付

<a class="date" href="〜"><span class="date">2007/10/10(水)</span></a>

記事固有の日付です*1。wikiコンテンツなどでは出力されないことがあります。日付欄が出力されなくても位置ずれを起こさないように注意してください。（wiki化記事の判別はメイン部のdiv出力を参照してください。）

■記事タイトル

<span class="title"><a href="〜"><@t.title></a></span>

実際の記事タイトルです。span.title は常にh2中に存在します。