WordPress Cocoonで最新記事一覧を表示させる方法３種

サイト内の最新記事（新着記事）の一覧をWordPressの無料テーマ「Cocoon」で表示させる方法をご紹介します。今回は標準機能で設定できる主な方法として３種類をご紹介します！

最新記事一覧を表示させるメリットは以下の2点です。

他の記事に誘導することでサイト内の回遊を促す
更新状況を表示することで「生きているサイト」という印象を与える

ブログ・マガジンサイトには新規記事一覧を表示させよう〜

Cocoon最新記事一覧の表示方法１ブロック機能で表示する
1. 最新の投稿を表示させる
2. 表示内容のカスタマイズ
Cocoon最新記事一覧の表示方法２ウィジェット機能で表示する
1. サイドバーにサムネイル付きの新着記事一覧を表示させる
2. サイドバーにサムネイルなしの新着記事一覧を表示させる
Cocoon最新記事一覧の表示方法３ショートコード機能で表示する
まとめ

Cocoon最新記事一覧の表示方法１ブロック機能で表示する

まずは投稿画面のブロックエディターからブロックとして追加する方法です。固定ページや特定の投稿ページに表示させたい場合に有効です。

表示内容のカスタマイズ

これだけでもよいのですが、さらに表示のカスタマイズができるようになっています。最新記事一覧のボックスを挿入後に、ボックス部分をクリックすると、画面右側のブロックメニューにカスタマイズ項目が表示されます。

いろいろな項目の表示／非表示などを簡単に設定できますが、ここではおすすめの設定内容を紹介します。

投稿日を表示させる

記事のタイトルに加えて、投稿日を表示させます。ブロックメニューから「投稿日を表示」をオンにします。

表示イメージ

アイキャッチ画像（サムネイル）を表示させる

記事に設定しているアイキャッチ画像（サムネイル）を表示させます。ブロックメニューから「アイキャッチ画像を表示」をオンにします。各種設定項目で表示内容はカスタマイズできます。サンプルに、以下の設定内容の表示イメージをご覧ください。アイキャッチ画像が表示されると一気に見やすく、印象的になりますね。

表示イメージ

表示件数の設定とカテゴリーの絞り込み

「並び替えと絞り込み」の設定項目から、以下の内容が設定できます。

並び順・・・投稿順（最新から、過去から）、タイトル順（A→Z、Z→A）の並び替えを選択できます。
カテゴリー・・・特定のカテゴリーの記事のみを表示できます。カテゴリーの名前を入力することで設定できます。
投稿者・・・複数の投稿者で運営している場合、特定の投稿者の記事のみを表示できます。
項目数・・・表示する件数を設定できます。デフォルトは５件表示になっています。

Cocoon最新記事一覧の表示方法２ウィジェット機能で表示する

続いての表示方法は、ウィジェット機能による表示です。こちらはサイトのサイドバーや、すべての投稿ページに表示させたい場合に設定する方法です。

まず、ウィジェットの設定画面を開きます。WordPressのダッシュボード画面から、外観＞ウィジェットを開きます。

サイドバーにサムネイル付きの新着記事一覧を表示させる

利用できるウィジェットの一覧から、「新着記事」を選択します。新着記事リストをサムネイルつきで表示できるウィジェットです。ここで、表示させたい位置を指定します。サイドバー（サイトの右側に表示されるエリア）に表示をさせたい場合は、「サイドバー」もしくは「サイドバースクロール追従」を選択します。サイドバースクロール追従は、名称の通りページをスクロールしたときに追従して右側に表示されます。