WordPressにカテゴリ一覧を表示させる
Contents
現在、ワードプレスのテーマはスワローを使っています。
デザイン的にも満足ですが…
記事をカテゴリー別に表示したい!
色々調べてみましたが、jQueryなど設定が難しそう・・挫折しかけましたが
便利なプラグインがありました!
Post Grid です
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_660,h_245/https://minesuke-design.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-06-22.49.50.png)
Post Grid 導入方法
プラグインのPost Gridをインストールして有効化。
まず新規グリッドを作るために「 Post Grid」>「All Post Grid」をクリック
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_154,h_244/https://minesuke-design.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-06-22.54.34.png)
下のような画面が出ます。
赤い枠で囲んでいる Add New をクリックしてください。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_1024,h_462/https://minesuke-design.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-06-23.05.03-1024x462.png)
Post Grid 設定 表示内容
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_957,h_785/https://minesuke-design.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-06-23.08.14.png)
このような画面が出てきます
①は無料版ではnormal gridしか選べません
②どのようなタイプの記事を投稿するかを選べます
③カテゴリーにチェック> 自分が設定しているカテゴリーが選べます。表示したいカテゴリーを選びましょう。
Post Grid 設定 レイアウトの設定
次にレイアウトの設定です。Skin&Layout を選ぶと、どのように表示させるかを選択できます。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_938,h_760/https://minesuke-design.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-06-23.26.13.png)
この項目では画像の大きさが設定できます。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_801,h_390/https://minesuke-design.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-06-23.26.07.png)
他の項目でも色々設定できますが、大まかな設定は以上です。あとは公開ボタンを押します。
カテゴリの公開
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_966,h_261/https://minesuke-design.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-06-23.38.14.png)
Shortcodeを選択 > ShortcodeのIDをコピー > カテゴリーを表示させたいページにIDをコピペしてOK
公開にすると、カテゴリーが表示されています。
ちなみにこのブログでもやってみました。このページです。色々工夫していきたいです。
カテゴリサンプル