WordPress 新着投稿リストを取得するためのPHPループコード

当サイトには広告が含まれています。

記事取得するためのループコード

PHP
<?php
$args = array(
    'post_type'      => 'post', //投稿タイプ
    'posts_per_page' => 5,
    'post_status'    => 'publish',
    'orderby'        => 'date',
    'order'          => 'DESC'
);

$query = new WP_Query($args);

if ($query->have_posts()) : 
    echo '<ul class="top-news-list">';

    while ($query->have_posts()) : $query->the_post(); ?>
        <li>
          <span class="date"><?php echo get_the_date(); ?></span>
          <a href="<?php the_permalink(); ?>">
              <span class="ttl"><?php the_title(); ?></span>
          </a>
        </li>
    <?php endwhile; 

    echo '</ul>';

    wp_reset_postdata();

else :
    echo '投稿がありません。';
endif;
?>

<li>がループする感じです。内容はお好みで変更してください。上記だと、更新日とタイトル(リンクあり)が表示されるようになっています。

カスタム投稿タイプをループさせたい人は、‘post’のところをカスタム投稿タイプ名に変更してみてください。

目次

ブロックエディタ上で呼び出す場合

ブロックエディタ上でこのループを使いたい時は、ショートコードで呼び出すようにしないといけません。
上のループのコードが書かれたPHPファイルを用意し、子テーマのディレクトリ内にアップロードします。

詳しいやり方は以下に書いてますのでよろしければご覧ください!

デザイン作るの難しい〜!と感じたら

デザイン・ホームページで

お困りのことがありましたら、
私たちクートスラボにご依頼ください!
実績多数の女性クリエイターチームが、

どんなお悩みも解決します。

\ 南大阪・泉州でデザインのご依頼はこちら /

シェアお願いします!
  • URLをコピーしました!
目次