「アフィリエイトを利用した記事があります」

ワードプレスで固定ページに投稿記事を入れるには?一覧表示の方法!

ワードプレス

今日は私が最近発見したWordPressの便利技をお伝えしたいと思います。

プラグインを入れなくても固定ページにブログ記事を表示できる方法なんです。

これまでプラグインばかり探していた私にとって、目から鱗が落ちた発見でした。

ワードプレスで固定ページに投稿記事を入れるには?

早速、この方法のポイントをご紹介します。

  • プラグインやPHPコードが不要で初心者でも簡単
  • 投稿一覧もカテゴリー別表示も自由自在
  • リスト表示とグリッド表示から選べる
  • アイキャッチ画像の有無も設定可能
  • 表示項目数や列数も自由にカスタマイズできる

WordPressを使っているみなさんなら、固定ページと投稿記事の使い分けで悩んだことがあるのではないでしょうか?

私も以前は「お知らせを固定ページに表示したいけど、どうすればいいんだろう?」と頭を抱えていました。

「最新の投稿」ブロックを活用

でも、実はWordPressには標準機能として、とても便利な「最新の投稿」ブロックが用意されているんです。

これを使えば、プラグインを入れなくても簡単に投稿記事を固定ページに表示できちゃいます。

まずは基本的な使い方をご紹介しますね。

固定ページを開いて、投稿を表示させたい場所にブロックを追加します。

ブロックを追加するときに「最新の」と入力すると「最新の投稿」ブロックが出てくるので、それを選択します。

ここからが楽しいところです。

表示方法は大きく分けて2種類あります。

①リスト表示

1つ目は「リスト表示」です。

これは、お知らせやニュースなど、文字情報がメインの場合におすすめです。

タイトルと日付だけのシンプルな一覧を作れるので、会社のお知らせページなどにぴったりですよ。

右側の設定画面で投稿日やアイキャッチ画像の表示・非表示を変更できるので、好みのデザインに調整できます。

②グリッド表示

2つ目は「グリッド表示」です。

こちらは写真ブログやポートフォリオなど、視覚的なインパクトが必要な場合に最適です。

画像を並べて表示できるので、読者の目を引きやすいんです。

リスト表示と同様に、右側の設定画面でアイキャッチ画像の位置や大きさなども細かく設定できます。

グリッド表示の注意点

ここで私からの重要なアドバイスです。

グリッド表示を使う場合は、アイキャッチ画像のサイズを統一しておくことをおすすめします。

なぜかというと、画像サイズがバラバラだと表示が崩れてしまうことがあるんです。

「画像サイズ」でサムネイルを選択すれば自動的にサイズは揃いますが、大きめの画像を使いたい場合は「中」や「大」を選ぶことになります。

そのときに元画像のサイズが統一されていないと、見た目が整わなくなってしまいます。

カテゴリーごとの表示機能

さらに便利なのが、カテゴリーごとの表示機能です。

例えば、「レシピ」のカテゴリーだけを表示したいページと、「お知らせ」のカテゴリーだけを表示したいページを別々に作ることができます。

やり方も簡単で、「最新の投稿」ブロックの設定画面で、表示したいカテゴリー名を入力するだけ。

最初の文字を入力すると候補が表示されるので、そこから選択できます。

私の場合、料理ブログを運営しているので、「和食」「洋食」「お菓子」などのカテゴリーごとにレシピをまとめたページを作っています。

読者の方々からも「レシピが探しやすくなった」と好評です。

この方法のいいところは、一度設定してしまえば、あとは新しい記事を投稿するだけで自動的に一覧に追加されることです。

つまり、固定ページの更新作業が必要ないんです。

これって、忙しい私たちにとって、とても助かる機能だと思いませんか?

表示する記事の数や列数も自由

もう一つ、うれしい点を付け加えると、表示する記事の数や列数も自由に設定できます。

例えば、最新の3記事だけを表示したり、4列のグリッドで大量の記事を表示したりと、ページの目的に合わせてカスタマイズできるんです。

このように、WordPressの標準機能だけでも、見やすく使いやすいページが作れるんですよ。

プラグインを入れすぎるとサイトが重くなる原因になることもあるので、できるだけ標準機能で対応できるところは、標準機能を使うことをおすすめします。

固定ページに投稿記事を入れる方法 まとめ

今回ご紹介した方法を使えば、プラグインやPHPのコードを触ることなく、素敵な投稿一覧ページが作れます。

ブログ初心者の方でも簡単にできるので、ぜひ試してみてください。

有料テーマの機能も素敵ですが、ワードプレスの標準機能だけでも、アイデア次第でデザイン性豊かなページが作れるんですね。

最後までお読みいただきありがとうございました!