WordPressの最新投稿を日付とリンク付きタイトルで一覧表示する-webaby【エンジニアお父さんの育児・子育て】

WordPressの投稿記事は、いろいろな場所で一覧表示したいコンテンツだと思います。

よく使われるのは、サイドメニューに最新記事を最新順に５件表示したり、トップページの上部（初見で目に入るところ）に件数指定で最新記事を一覧表示したりします。

これは、ブログサイトだけでなく、コーポレートサイトなどでお知らせやニュースとして投稿を使うサイトには必要不可欠な機能です。

また、コーポレーションなどでのお知らせやニュースには、いつの情報なのかが重要になってきます。そういった時は公開日時を一緒に表示することで、ユーザーにも安心感を持たせることができます。

そういった最新投稿の一覧表示方法をご紹介します。

1. 一覧表示をする時に必要な付属機能
2. 最新投稿記事を一覧表示する方法
3. 記述する内容の解説
4. 投稿一覧表示について

一覧表示をする時に必要な付属機能

投稿記事をただ一覧表示してもユーザーからは見にくかったり理解ができないコンテンツになってしまいます。

そういった時に必要なものは、日付と詳細ページへのリンクです。

この２つの機能を一緒に表示してあげることで、ユーザーはクリックし詳細ページに簡単に移動することができます。

また、日付に関しても、いつ公開された内容なのかなどが一目でわかり、ユーザーのクリック率をアップさせる１つの手段にもなります。

投稿記事は、いろいろなカテゴリを設定しているサイトも多く、決まったカテゴリのみを表示することができます。

日付・リンク付きタイトル・カテゴリ指定・表示件数指定、この４つを一緒に含めて一覧表示する方法をご紹介します。

最新投稿記事を一覧表示する方法

先程も記載しましたが、「日付」「ンク付きタイトル」「カテゴリ指定」「表示件数指定」この４つの機能を含めて一覧表示させます。

元になるhtmlがこちらです。

上記の記事はダミーで３つ入っています。これを元に下記のようにphpを記述するだけで、一覧表示をすることができます。

記述する内容の解説

「’category_name’ => ‘news’」で投稿に設定しているカテゴリのスラッグを記入します。
（今回は「news」というスラッグのカテゴリのみを表示させます。）

「’posts_per_page’ => 3」で表示件数を指定します。これは取得してくる件数なのでそのまま取得したデータを表示させることになります。

「<?php the_time(‘Y年n月j日’); ?>」で公開日時を表示します。
「(‘Y年n月j日’)」の部分を「(‘Y/n/j’)」や「(‘Y-n-j’)」などに変更もできます。表示すると「2020/1/1」や「2020-1-1」と表示されます。

「<?php the_permalink(); ?>」で記事のリンクを取得して<a>タグに表示します。

「<?php the_title(); ?>」こちらは、記事のタイトルを取得して表示するものになります。

以上で、一覧表示する方法は完了です。

投稿一覧表示について

このような投稿記事を一覧表示させることは、ホームページを制作する上で必ず必要になってきます。WordPressだけでなく他のCMSでも必要な機能です。

コーポレートサイトには必ずといっていいほどあります。また店舗サイトでは、お知らせなども重要な情報の１つでもあります。

投稿記事を一覧表示したことがない方は、ぜひ一度試しに挑戦してみてください。