トップページなどに投稿一覧を表示

WordPress

コーポレートサイトを作る際に、ほぼ確実に必要であろう投稿一覧の表示に使用するコードです。

トップページとタイトルに書きましたが、どの場所にも使えるので覚えましょう。
これはサブクエリで、デフォルトで新しい順に並びます。

<?php
// サブクエリの設定例.
$args      = array(
	'post_type'      => 'post', // 投稿タイプ「post」またはカスタム投稿タイプ.
	'post_status'    => 'publish', // 公開されている記事.
	'posts_per_page' => 5, // 5件.
);
$the_query = new WP_Query( $args );
?>
<?php if ( $the_query->have_posts() ) : ?>
	<!-- ここに必要なhtmlがあれば入れる -->
	<?php
	while ( $the_query->have_posts() ) :
		$the_query->the_post();
		?>
		<!--
		この間がループになります。

		最小で入りそうなもの。
		the_permalink(); → 記事のURL
		the_time( 'Y.m.d' ); → 記事の日付
		the_title(); → 記事のタイトル
		-->
	<?php endwhile; ?>
	<!-- ここに必要なhtmlがあれば入れる -->
	<?php
	endif;
wp_reset_postdata();
?>

これは最小限のコードで、設定によって様々な情報を表示することができます。

この記事の執筆・検証

シゴトノコバコ編集部

Web制作10年以上。コーポレートサイト、大手企業LPなど構築をメインに実務経験あり。デザイン/印刷の実務経験も多少あり