【WordPress】トップページにカテゴリ別の記事を表示する方法

トップページにカテゴリ別の記事を表示する方法の備忘録です.

テーマにcocoonを使用している場合の方法ですが,ほかのテーマを使用していても手順は参考になると思います.
cocoonテーマ作成者のわいらひさんのサイトを参考にしました リンク1,リンク2

手順

固定ページを作成

ダッシュボードの「固定ページ」から固定ページを作成します.

まずはタイトルだけ入力したページでOK.

1.で作成した固定ページをトップページに指定

ダッシュボードの「設定」→「表示設定」からトップページの設定を行います.

「ホームページの表示」の選択で「固定ページ」を選択した上で,ホームページのプルダウンから,1.で作成した固定ページを選択します.

トップページに不要な部分を非表示化

トップページに不要な部分を非表示化します.

ダッシュボードの「外観」→「テーマの編集」を選択します.

画面の右側のテーマファイルでスタイルシートを選択します.

画面中央の「子テーマ用のスタイルを書く」と書かれた部分に,必要なコードを入力します.

非表示にするためのコードはコチラ

固定ページを編集

あとは固定ページを自分好みに編集するだけです.

この際に,cocoonのショートコードを使うと簡単にカテゴリ別の記事を表示できます.

cocoonのショートコードについてはコチラ

 

変更前と変更後のトップページは下の通り.

カテゴリ別に表示することで,ブログ全体の記事の把握が容易になりました.