テーマ開発ドキュメント

コンテンツ一覧をサイドバーではなくプルダウンメニューしとて表示するため機能があります。これをコンテンツバーと言います。

かなり高度であるため触らない方が無難です。テーマとしての対応は任意です（必須ではない）。

■コンテンツバーの詳細

div.page-titleのあとに出力されます。日記帳の詳細設定で「コンテンツバー」の表示をオンにしてコンテンツを作成すると表示されます。HTMLとしては単なるulです。

<div class="contents-bar">
<div id="contents-bar0"></div><div id="contents-bar">
<ul class="clist">
	<li><a href="〜">あいうえお</a></li>
	<li><a href="〜">テスト投稿</a></li>
	<li><a href="〜">Hello World!</a>
	<ul class="clist2">
		<li><a href="〜">C#</a></li>
		<li><a href="〜">C言語</a>
		<ul class="clist3">
			<li><a href="〜">C</a></li>
			<li><a href="〜">C++</a></li>
			<li><a href="〜">C++/CLI</a></li>
		</ul></li>
		<li><a href="〜">Java</a></li>
	</ul></li>
</ul>
</div><div id="contents-bar1"></div></div>

やってみると分かりますが、一見CSSとは思えない動作をします。

IEのためだけにJavaScriptを使っていますが、それでもIEでは３階層目以降は表示されません。

base.css に記述されていますが、よほどCSSに自信がない限り全体の幅と背景色（リンク色）と各タブの幅以外はいじらない（オーバーライドしない）方が無難です。どうしてもいじりたい人のための参考URLを書いておきますが、触らない方が無難です。あまりに複雑怪奇なため、テーマとしての対応は任意です。

カスタマイズ時はこちらも参照ください。

• CSS プルダウンメニュー（SEO-Equation）
• 99%CSSで作るプルダウンメニュー１ ２ ３（WEB工房きくちゃん）