前回作成した記事タイトル部分に「記事単体ページ」へのリンクを貼り、記事の本文を表示しましょう。
記事単体ページへのリンク
<h3>
<a href=”<?php the_permalink(); ?>”>
<?php the_title(); ?>
</a>
</h3>
記事タイトルの記述の前に、個別ページのURLを呼び出す「the_permalink」を記述しましょう。
これで、記事が書かれているページへジャンプできます。
記事本文を表示する
次に、記事の本文を表示し、どんな内容なのかがわかりやすいよう設定しましょう。
</h3>
<?php the_content(); ?>
<?php endwhile; ?>
記事の内容(コンテンツ)を呼び出す「the_content」を記述します。
記事の本文は表示する際に自動的に<p>タグで囲まれますので、上記のように記述してください。
1記事分をdivでまとめる
この後のデザインのしやすさを考えて、1記事分ずつまとめておきましょう。
<div class=”post”>
<h3>
<a href=”<?php the_permalink(); ?>”>
<?php the_title(); ?>
</a>
</h3>
<?php the_content(); ?>
</div>
スタイルシートでデザインしやすいようdivで囲みます。
また、クラス名を「post」と、記事だとわかりやすくしておきましょう。