メイン

メイン部の基本構造

メイン部の構造は以下が基本になっています。

<div class="main" id="main-first">
	<article>
		<!-- 1つの記事や表示領域 -->
	</article>
</div>

配置時はidてはなく、class="main"を使用してください。idはJavaScriptの為だけに設定されています。

複数記事表示のときのmain部

<div class="main">
	<article class="system message search">
		<!-- 検索についての情報(記事検索時のみ) -->
	</article>

	<nav class="page-nav">
		<!-- ページ送り -->
	</nav>
	
	<div id="articles">
		<article>
			<!-- ひとつめ記事 -->
		</article>
		<article>
			<!-- ふたつめ記事 -->
		</article>
	</div>

	<nav class="page-nav">
		<!-- ページ送り -->
	</nav>
</div>
  • ページ送りはあったりなかったりします。ユーザーがデザイン編集から削除することもできます。

単一記事表示のときのmain部

<div class="main">
	<nav class="page-nav">
		<!-- 記事送り -->
	</nav>
	
	<article id="article">
		<!-- 本文 -->
	</article>

	<nav class="page-nav">
		<!-- 記事送り -->
	</nav>
</div>
  • ページ送りはあったりなかったりします。ユーザーがデザイン編集から削除することもできます。

システムモードの時のmain部

詳しくはシステムモードの項目を参照してください。

<div class="main">
	<nav class="tree">
		<!-- メニューリンク(パンくずリスト) -->
	</nav>
	
	<article class="system">
	<h2>タイトル</h2>
	<div class="body">
		<!-- 本文 -->
	</div>
	</article>
</div>
  • articleは複数存在することがあります。