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(); ?>
関連記事: