カテゴリー別で最新投稿一覧をホーム画面に表示する方法【ワードプレス】【Cocoon】

この記事を書いてる人

ごくごく普通の自分でも収益化できた
ブログ方法を記事にしています。

詳細はプロフィールからご確認ください。

聞きたいことがあればLINEからお願いします。

iNOと申します

ここでは、ホームページのホーム画面において、最新投稿一覧の表示方法、そして、その最新投稿一覧をカテゴリー別で表示する方法を解説いたします。

例えば上画像のように、FXのカテゴリーのみに絞った、最新投稿記事の一覧の4記事分表示する方法のことです。

最新投稿一覧の表示方法

ブロックの選択画面で「最新の投稿」というブロックを選択します。
※検索欄に入力することで出すこともできます。

これを記事の一覧を配置したい場所へ入れてください。

すると下記のようにリンクが並ぶと思います。

このままでももちろん良いですが、レイアウトなどを調整したい場合は「最新の投稿」を選択して、エディター右側のブロックタブ内を操作して編集します。

例えば、「アイキャッチ表示」をON、「項目数3」、「アイキャッチの位置は左」にすると下記ようなレイアウトになります。





横並びで整列させたい場合は、グリッド表示に切り替えます。

「最新の投稿」のブロックを選択したときに上部に出てくるメニュー内の格子状のボタンを押します。

すると下記のように横並びにすることができます。

ただ、このままだと、入り切っていなかったりして見栄えが良くないので、エディター右側のカラム数を調整します。

2カラムに変更すると下記のような見た目になります。

あとはアイキャッチの有無や大きさなど、好みのレイアウトに調整いただければよいと思います。

最新投稿一覧をカテゴリー別に分ける

「最新の投稿」ブロックの「カテゴリー」欄に絞りたいカテゴリー名を入力することで実現できます。

カテゴリーに「FXで稼ぐ」というカテゴリー名を入力しています。カテゴリー名の一部を入力すれば候補がでてきますので、そこから選ぶと正確です。

以上で、解説は終了です。ぜひお試しください。

私のブログでは、初心者でも収益化できるブログの始め方や書き方を解説しております。その他の記事もぜひご覧ください。

ブログ初心者の私でも稼げたブログの書き方
どのようなブログの書き方をしたら、稼げるようになるのか？ と思っている方は多いと思います。 ここでは、実際に私が、「知識0からブログを始めて、初月から収益化できた」方法を紹介します。 知識が全くなかった私でもできた内容なので、初心者の方でも...
inoyution.com
2023.03.22