メイン
メイン部の基本構造
メイン部の構造は以下が基本になっています。
<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は複数存在することがあります。