WordPress シンプルテンプレート index.php について改良してみました。記事一覧、カテゴリ一覧、ページ一覧を追加しています。とりあえずは、これぐらいあれば、それなりのトップページにできるはずです。テンプレート呼び出しのサンプルも入れておきたかったので、loop-simple.php を呼び出す「<?php get_template_part( 'loop', 'simple' ); ?>」も入れてあります。ですから、これを使うときは、loop-simple.phpも用意する必要があります。
<?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>
見出しと小見出しをまとめて１つの見出しとして表現したい場合はグループ化する。
</p>
</article>
<!-- asideは補足情報 -->
<aside>
<h1>aside 補足情報</h1>
<p>
従来よりも意味をもつタグが増えているので、レイアウト用タグとの使い分けが難しい。
</p>
</aside>
<!-- 記事一覧 -->
<section>
<h1>記事一覧</h1>
<?php while ( have_posts() ) { the_post(); ?>
<article>
<?php get_template_part( 'loop', 'simple' ); ?>
</article>
<?php } ?>
</section>
<!-- カテゴリ一覧 -->
<section>
<h1>カテゴリ一覧</h1>
<ul>
<?php wp_list_categories('orderby=name&title_li='); ?>
</ul>
</section>
<!-- ページ一覧 -->
<section>
<h1>ページ一覧</h1>
<ul>
<?php wp_list_pages('sort_column=menu_order&title_li='); ?>
</ul>
</section>
<?php get_footer(); ?>
loop-simple.phpは次のようになります。
<?php the_ID(); ?> … <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br />
関連記事：