Font Awesome
WordPress

ワードプレス トップページにカテゴリ別記事と新着記事を表示する方法 Cocoon

WordPress
この記事は約3分で読めます。
記事を書いた人
プロフィールナナ
ねこ好きの40代専業主婦
【保有資格】FP2級、簿記2級、宅建、登録販売者
簿記1級勉強中!

トップページは、ブログのかおです。

初期の状態だと、新着記事だけが一覧で並んでいますよね。

新着記事だけの表示よりも、カテゴリー別にも表示されると、さらにブログの記事が見やすくなります。

今回は、トップページにカテゴリー別と新着記事の両方を表示する方法を紹介します。

新着記事の下にカテゴリー別に記事を表示させる方法

ワードプレスにログインして、ダッシュボードから「Cocoon設定」→「Cocoon設定」をクリックします。

「Cocoon設定」上側のメニューから、「インデックス」を選びます。

「リスト設定」の画面が表示されるので、個別に設定していきます。

まずは、カテゴリーの設定を行います。

カテゴリーの表示形式

カテゴリーの「表示形式」を選びます。一つずつ説明します。

【一覧(デフォルト)】

初期の設定で、新着記事がそのまま一覧で表示されます。

【タブ一覧】

記事一覧の上側に、カテゴリータブが表示されます。カテゴリーをクリックすると、タブが切り替わります。

表示できるカテゴリーは、3つまでです。

【カテゴリごと】

新着記事とカテゴリー別記事が、たて一覧に表示されます。カテゴリーが多いと、トップページがたてに長くなります。

【カテゴリごと(2カラム)】

カテゴリー別に、2カラムで表示されます。カテゴリーが多い場合は、2カラムにすると、見やすくなります。

カラムでサイドバーを表示させたい場合は、こちらを選びます。

【カテゴリごと(3カラム)】

新着記事はそのままで、カテゴリー別に3カラムで表示されます。

サイドバーは、表示されません。

表示カテゴリーの個別設定

「表示カテゴリー」は、表示したいカテゴリーにチェックを入れます。

表示の順番を変えたい場合は、「カテゴリ表示の順番を並び替える場合はこちら」を選びます。

表示数を変えたい場合は、『「カテゴリごと」表示でカード表示数を変更数を場合はこちら』を選びます。

カテゴリ表示の順番を並び替える方法

ワードプレスのダッシュボードから、「投稿」→「カテゴリー」をクリックします。

表示されたカテゴリーのIDの数字を控えます。

このIDをカンマで区切って入力すれば、カテゴリーの表示の順番が変更できます。

カテゴリー記事の設定は、これで終わりです。

次は、新着記事のカードタイプを設定します。

新着記事のカードタイプの表示方法

カードタイプの表示方法を選びます。

この設定は、新着記事のみに反映されます。

【エントリーカード(デフォルト)】

初期の設定で、たてに一覧で表示されます。

【大きなカード(先頭のみ)】

一番目の記事のみ、大きなカードが表示されます。

【大きなカード】

全ての新着記事が、大きなカードで表示されます。

縦型カードと、タイルカードの表示の違いは、並びが縦型はキレイに揃いますが、タイルは少しずれて表示されます。

【縦型カード2列】

新着記事が、縦2列に並びます。

【縦型カード3列】

新着記事が縦3列に並びます。

【タイルカード2列】

タイルカードが2列に並びます。

【タイルカード3列】

タイルカードが3列に並びます。

まとめ

今回は、トップページに新着記事とカテゴリー別の記事を表示する方法を紹介しました。

新着記事だけの表示だと、いろんなカテゴリーの記事が混ざっているので、記事を探すのが大変です。

それがカテゴリー別に記事を表示するだけで、一気にトップページの記事が見やすくなります。

ぜひ今回の記事を参考に設定してみて下さい。

この記事を書いた人
ナナ

こんにちは、「ねこのライセンス」のサイトを運営しているナナです。

ねこ・株式投資・節約&貯金・資格の勉強・音楽鑑賞・美術鑑賞・断捨離が好きです。

何の取り柄もない専業主婦の私が、「自分に自信をつけたい!」という思いで資格の勉強やブログをしています。

私の学んだ知識が、ブログを通じて私と同じ40代の専業主婦の人に役立つとうれしいです。

そして、私の夢はいつかブログで稼げるようになること。

私は人見知りで人付き合いが苦手なので、外で働くのは正直怖いです。なので、自宅に居ながら好きなことで稼げたらいいなと思っています。

詳しい私の自己紹介記事は、こちらのページにあります。

専業主婦限定の初心者向け断捨離・お金の無料相談は、こちらのページからお気軽にコメントをお寄せください。

お仕事のご依頼・お問い合わせは、こちらのページからお願いします。

ナナをフォローする
ナナをフォローする
ねこのライセンス
error:Content is protected !!
タイトルとURLをコピーしました