見出し画像

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(',')

カテゴリーが表示されます。複数ある場合は「,」で区切るように設定しています。


以上です。

読んでいただきありがとうございます。