WordPressで固定ページに投稿記事一覧を表示する方法
WorpPressで固定ページに投稿した記事の一覧を表示する方法を説明します。今回は独自のテンプレートを作成し、そこにコードを記述することで対応するようにしました。
固定ページ作成
まずは固定ページを作成します。
WordPressのダッシュボードより「固定ページ」→「新規追加」をクリック。
「bloglist」という名前で固定ページを作成します。
その際、スラッグも「bloglist」としてください。
テンプレート「page-bloglist.php」を作成
次にテンプレートを作成します。
テンプレート名は「page-スラッグ名.php」としなくてはいけないので、胃今回は「page-bloglist.php」となります。
作成した「page-bloglist.php」をthemeディレクトリ内に作成します。
また、page-bloglist.phpには下記のように記載します。
<?php
global $post;
$args = array( 'posts_per_page' => 8 );
$myposts = get_posts( $args );
foreach( $myposts as $post ) {
setup_postdata($post);
?>
<div class="item">
<div class="img">
<?php the_post_thumbnail('index_thumbnail'); ?>
</div>
<div class="title">
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</div>
<div class="time">
<?php the_time('Y.m.d') ?>
</div>
<div class="category">
<?php the_category(',') ?>
</div>
</div>
<?php
}
wp_reset_postdata();
?>
これで記事の一覧が取得できます。
利用している関数を簡単に解説
簡単に説明します。
--
・the_post_thumbnail('index_thumbnail')
アイキャッチ画像を表示させます。
・the_permalink()
記事へのリンクを取得します。
・the_title()
記事のタイトルを取得します。
・the_time('Y.m.d')
記事の投稿時間を取得します。引数にはY.m.d等記載します。今回の場合、「2019.10.5」のように表示されます。
・the_category(',')
カテゴリーが表示されます。複数ある場合は「,」で区切るように設定しています。
以上です。
読んでいただきありがとうございます。