WordPressで投稿記事一覧を表示する

WordPress

<script>” title=”<script>

<script>

前回は独自のテーマを作成するための準備を行いました。

今回は投稿した記事をループ処理で表示させていきます。

投稿記事一覧を表示させる

投稿記事を作成

まずはワードプレスの管理画面から投稿＞新規追加で表示させたい記事を作成します。

index.phpを編集

外観＞テーマ編集でテーマ編集画面を開き、右側のテンプレート一覧から「メインインデックスのテンプレート（index.php）」を選択します。

左側に編集画面が開きますのでこちらに書き込んでいきます。

<!DOCTYPE html>
<html lang="ja" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>ワードプレスの練習</title>
  </head>
  <body <?php body_class(); ?>>
    <?php if(have_posts()): while(have_posts()): the_post(); ?>
      <article <?php post_class(); ?>>
        <h1><?php the_title(); ?></h1>
        <?php the_content(); ?>
      </article>
    <?php endwhile; endif; ?>
  </body>
</html>

①ループ処理

<?php if(have_posts()): while(have_posts()): the_post(); ?>〜<?php endwhile; endif; ?>

②記事のタイトルを出力

<?php the_title(); ?>

③記事の本文を出力

<?php the_content(); ?>

④記事を区別するクラス名を出力

<?php post_class(); ?>

⑤ページを区別するクラス名を出力

<?php body_class(); ?>

これでタイトルと本文は投稿数だけ表示されます。