php19 記事ページリンクと記事本文表示

前回作成した記事タイトル部分に「記事単体ページ」へのリンクを貼り、記事の本文を表示しましょう。

 

記事単体ページへのリンク

<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」と、記事だとわかりやすくしておきましょう。