WordPressループ

ループは、取得された投稿を順番に取り出して表示するWordPressの基本処理です。

このLessonのゴール

• WordPressループが投稿を表示する流れを説明できる
• 投稿のタイトル、公開日、詳細ページへのリンクを一覧表示できる
• 投稿がない場合の表示と、出力内容に合ったエスケープを用意できる

<?php if (have_posts()) : ?>
  <?php while (have_posts()) : the_post(); ?>
    <article>
      <h1><?php the_title(); ?></h1>
      <?php the_content(); ?>
    </article>
  <?php endwhile; ?>
<?php else : ?>
  <p>記事が見つかりませんでした。</p>
<?php endif; ?>

URLや属性などを独自に出力するときは、esc_url や esc_attr など文脈に合ったエスケープを行います。

実際に試してみよう

投稿一覧にタイトル、公開日、詳細ページへのリンクを表示してください。記事がない場合の表示も用意します。