ワードプレスのメインループとサブループの違いを理解して記事を表示する

■ メインループの基本形

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

    <!– ここに繰り返し表示したい内容を記述 –>

  <?php endwhile; ?>
<?php else : ?>
  <p>投稿が見つかりませんでした。</p>
<?php endif; ?>

■ 記事一覧を表示するメインループ（archive.php用）

<?php if ( have_posts() ) : ?>
  <div class=”article-list”>
  <?php while ( have_posts() ) : the_post(); ?>
    <article class=”post-item”>
      <time><?php echo get_the_date( ‘Y.m.d’ ); ?></time>
      <h2><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></h2>
      <?php if ( has_post_thumbnail() ) : ?>
        <?php the_post_thumbnail( ‘medium’ ); ?>
      <?php endif; ?>
      <p><?php echo get_the_excerpt(); ?></p>
    </article>
  <?php endwhile; ?>
  </div>
<?php else : ?>
  <p>まだ記事がありません。</p>
<?php endif; ?>

■ サブループの基本形（WP_Query）

<?php
$args = array(
  // ここに取得条件を記述
);
$the_query = new WP_Query( $args );
?>

<?php if ( $the_query->have_posts() ) : ?>
  <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>

    <!– ここに繰り返し表示したい内容を記述 –>

  <?php endwhile; ?>
<?php else : ?>
  <p>投稿が見つかりませんでした。</p>
<?php endif; ?>
<?php wp_reset_postdata(); ?>

<?php
$args = array(
  ‘post_type’ => ‘post’,
  ‘category_name’ => ‘news’,
  ‘posts_per_page’ => 3,
  ‘orderby’ => ‘date’,
  ‘order’ => ‘DESC’,
);
$news_query = new WP_Query( $args );
?>

<?php if ( $news_query->have_posts() ) : ?>
  <h2>お知らせ</h2>
  <ul>
  <?php while ( $news_query->have_posts() ) : $news_query->the_post(); ?>
    <li>
      <time><?php echo get_the_date( ‘Y.m.d’ ); ?></time>
      <a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a>
    </li>
  <?php endwhile; ?>
  </ul>
<?php endif; ?>
<?php wp_reset_postdata(); ?>

<?php
$args = array(
  ‘post_type’ => ‘works’,
  ‘posts_per_page’ => 5,
  ‘post_status’ => ‘publish’,
);
$works_query = new WP_Query( $args );
?>

<?php if ( $works_query->have_posts() ) : ?>
  <h2>制作実績</h2>
  <div class=”works-list”>
  <?php while ( $works_query->have_posts() ) : $works_query->the_post(); ?>
    <article>
      <?php if ( has_post_thumbnail() ) : ?>
        <a href=”<?php the_permalink(); ?>”><?php the_post_thumbnail( ‘medium’ ); ?></a>
      <?php endif; ?>
      <h3><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></h3>
    </article>
  <?php endwhile; ?>
  </div>
<?php endif; ?>
<?php wp_reset_postdata(); ?>

<?php
$categories = get_the_category();
if ( $categories ) :
  $args = array(
    ‘post_type’ => ‘post’,
    ‘cat’ => $categories[0]->term_id,
    ‘posts_per_page’ => 4,
    ‘post__not_in’ => array( get_the_ID() ),
  );
  $related_query = new WP_Query( $args );
?>
  <?php if ( $related_query->have_posts() ) : ?>
    <h2>関連記事</h2>
    <?php while ( $related_query->have_posts() ) : $related_query->the_post(); ?>
      <a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a>
    <?php endwhile; ?>
  <?php endif; ?>
  <?php wp_reset_postdata(); ?>
<?php endif; ?>

■ get_posts() を使ったサブループ

<?php
$args = array(
  ‘post_type’ => ‘post’,
  ‘category_name’ => ‘news’,
  ‘posts_per_page’ => 3,
);
$posts_array = get_posts( $args );
?>

<?php foreach ( $posts_array as $post ) : setup_postdata( $post ); ?>
  <a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a>
<?php endforeach; ?>
<?php wp_reset_postdata(); ?>

■ functions.php に記述：トップページの表示件数を5件にする

function my_change_main_query( $query ) {
  if ( ! is_admin() && $query->is_main_query() ) {
    if ( $query->is_home() ) {
      $query->set( ‘posts_per_page’, 5 );
    }
  }
}
add_action( ‘pre_get_posts’, ‘my_change_main_query’ );

■ functions.php に記述：特定カテゴリーをメインループから除外する

function my_exclude_category( $query ) {
  if ( ! is_admin() && $query->is_main_query() ) {
    if ( $query->is_home() ) {
      $query->set( ‘category__not_in’, array( 5 ) );
    }
  }
}
add_action( ‘pre_get_posts’, ‘my_exclude_category’ );