前回のメインループを表示する方法は過去にも投稿していました。

メインループを利用してカスタム投稿の一覧データを表示

 

今回はそれらを少しカスタムしつつ、リスト表示させるためのHTMLタグも含めて記録します。

いつもお知らせの一覧を作るときに忘れてしまうんですよねw

 

<?php
// データ取得
$args = array(
'post_type' => 'info',// 投稿タイプを指定
'posts_per_page' => 5,// //表示件数。-1なら全件表示
'post_status' => 'publish',
'orderby' => 'ID', //ID順に並び替え
'order' => 'DESC',
'paged' => $paged
);
$info_query = new WP_Query( $args );

// 取得したデータをリスト表示
if ( $info_query->have_posts() ): ?>
<ul>
<?php while ( $info_query->have_posts() ):
$info_query->the_post();
?>
<li><a class="d-flex" href="<?php echo get_post_permalink(get_the_ID()); ?>"><span class="post_data"><?php echo get_the_date("Y.m.d"); ?></span><span class="post_title"><?php echo get_the_title(); ?></span></a></li>
<?php endwhile; ?>
</ul>
<div class="more_link"><a href="http://localhost/medical_plaza/info/">一覧を表示する>></a></div>
<?php else: // データがなかった場合 ?>
<p>現在表示するお知らせはありません。</p>
<?php
endif;
wp_reset_postdata();
?>

 

これで次回から構築するときにこのまま引っ張ってきてカスタムすれば作業が短縮できます🎵