カテゴリーの階層をつけて、順番を並び替えてみた【Cocoon】

Cocoonカスタム

こんにちは!

8my(@8my__)です

僕は現在、WordPressテーマ Cocoonを使っています

つい先日、サイドバーに表示される『カテゴリー』を少しカスタマイズしてみました

 

なぜカスタマイズしたかというと…

非常に見ずらいから

カスタム前のカテゴリを見てください↓

まとまりがなく、ただ並んでいるだけ…

見る気が失せますね 笑

そこで、

  1. カテゴリーに階層をつける

  2. カテゴリーの順番を整理

してみました

1→2の順に解説していきます

 

スポンサーリンク

1.カテゴリーに階層をつける

まずは、カテゴリーに親カテゴリーを設定しましょう

管理画面の『投稿→カテゴリー』から設定できます

  • 既存のカテゴリーに親カテゴリーを設定する場合
    ⇒既存のカテゴリーを編集して設定

  • 新規に子カテゴリーを作成する場合
    ⇒赤丸の箇所で親カテゴリーを設定

 

次に、『外観→ウィジェット』から『カテゴリー』をクリック

『階層を表示』にチェックを入れ保存します

これで、カテゴリーの階層になってブログに表示されるようになります

 

2.カテゴリーの順番を並び替え

ワードプレスでは、カテゴリーの順番を並び替える機能が無いので、プラグインをインストールする必要があります

Category Order and Taxonomy Terms Orderというプラグインを使うと簡単にカテゴリーの順番を替えることができるようになります

 

まずは、プラグインのインストール

管理画面の『プラグイン→新規追加』から以下の画面に移ります

そして、右の赤丸の箇所にCategory Order and Taxonomy Terms Orderをコピー&ペーストして検索

その後、インストールして有効化します

 

次に、『管理画面の投稿→ Taxonomy Orderをクリック

 

あとは、入れ替えたいカテゴリーをドラッグ&ドロップで移動するだけです

 

さいごに

カスタマイズ後のカテゴリーがこちらです↓

親カテゴリーと子カテゴリーの違いもハッキリ

少し見やすくなりましたね!

以上、参考になれば嬉しいです

さいごまで読んでいただき、ありがとうございました!

コメント