WordPress シンプルテンプレート index.php

WordPress シンプルテンプレート index.php は次のようになります。WordPressの機能は、get_header, get_footer ぐらいしか使っていません。各記事の情報をどのように表示するかは、また別途考えるということで、とりあえずは主要なHTML5のタグを表示してみる程度の物にしてあります。

<?php get_header(); ?>

<section>
<h1>sectionタイトル</h1>
<p>
sectionは一般的なセクションを表現。よく使われる用途の
セクションは、あらかじめ用意されていて、
ヘッダ情報のheader、フッタ情報のfooter、
記事用のarticle、補足情報用のaside、
ナビゲーション用navがある。
なお、レイアウト目的のコンテナ要素にはdivを使う。
</p>
</section>

<!-- article は記事情報 -->
<article>
<h1>articleタイトル</h1>
<p>
記事です。図を使う場合はfigure要素を使う。
</p>
<figure>
  <img src="wp-includes/images/rss.png" />
  <figcaption>figure caption</figcaption>
</figure>
</article>

<article>
<!-- hgroup は階層を持つ見出しをセクションの見出しにするときに利用 -->
<hgroup>
  <h1>article用タイトル</h1>
  <h2>サブタイトル</h2>
</hgroup>
<p>
見出しと小見出しをまとめて1つの見出しとして表現したい場合はグループ化する。
</p>
</article>

<!-- asideは補足情報 -->
<aside>
<h1>aside 補足情報</h1>
<p>
従来よりも意味をもつタグが増えているので、レイアウト用タグとの使い分けが難しい。
</p>
</aside>

<?php get_footer(); ?> 

関連記事:

同じタグの記事: WordPress
同じタグの記事: テンプレート
同じカテゴリの記事: General
関連書籍: WordPress