複数記事の表示時

複数の記事を表示するときの <article> は以下の構造をしています。

単一記事表示モード(記事idをURLに指定した時)以外は、記事が1つでも存在しなくても複数記事表示モードで出力されます。記事が存在しないときは、通常の article は出力されず、記事が存在しないというメッセージのみ出力されます。

<div id="articles">
	<article class="article"><!-- コンテンツ時は wiki クラスも一緒に出力される -->
		<h2>
			<a href="#" class="date">2015/05/23(土)</a>
			<a href="#" class="title">記事タイトル</a>
		</h2>
		<div class="body">
			<div class="body-header">
				<div  data-module-name="dea_art-info">
					<!-- 投稿者、記事タグ、編集リンクなど -->
				</div>
			</div>
			<div class="body-main">
				<!-- <div>非公開記事メッセージ</div> -->
				<!-- 記事本文 -->
			</div>
			<div class="body-footer">
				<div class="com-count" data-module-name="dea_com-count">
					<span class="element com-caption"><a href="#">
						<span class="com-title">コメント</span>
						<span class="com-num">(<span class="num">0</span>件)</span>
					</a></span>
				</div>
			</div>
	</article>

	<!-- 以下記事の数だけ繰り返し -->
</div>
  • コメントが存在せず、コメントを受け付けていないとき、コメントメッセージは表示されません。
  • body-header, body-footerは(中の要素がなくても)常に出力されます。
  • body-header や body-footer はデザイン編集によって中身が変わることがあります。
OK キャンセル 確認 その他