平社員日記

【簡単】WordPressカテゴリをプラグイン不要で並べ替える2つの手順【2020年2月版】

この記事はこんな方におすすめ

  1. WordPressでカテゴリを簡単に並べ替える方法が知りたい方
  2. カテゴリの並べ替えのためだけにプラグインを入れるのもなんだかなーと考える方
  3. 「Category Order and Taxonomy Terms Order」というプラグインを入れたが、全然使えないやんコレ!という方

この手順の必要性

WordPressには、標準でカテゴリを並べ替える方法がありません。並べ替えだけでなく、不要なカテゴリを非表示にする機能も用意されていません。
下記のように、全てのカテゴリが、カテゴリID順に勝手に表示されてしまいます。
全てのカテゴリが、カテゴリID順に勝手に表示されてしまう

「Category Order and Taxonomy Terms Order」というプラグインを入れると、この問題を解決できますが、このプラグインが正しく動作しない、設定が反映されないといった問題が多く報告されています。
また、カテゴリを並べ替えるためだけに、プラグインを追加することに抵抗がある方も多いと思います。多くのプラグインを入れるとサイトが重くなりますので。
色々と調べた結果、WrodPressの設計思想として、カテゴリは以下でカスタマイズするのが正解ということにたどり着きました。

この記事では、以下のたった2つの手順でこの問題を解決します。【以下、完成図】
完成図

たった2つの手順

  • カテゴリ用メニューの作成
  • 作成したメニューをサイドメニューに追加

【手順開始】オリジナルカテゴリメニューを作成する

筆者の環境説明

記事作成時点の筆者の環境は以下の通りです。テーマの違い等により多少の違いはありますが、大まかな手順は変わりません。

筆者の環境

  • WordPress 5.3.2 (WING-AFFINGER5 Child テーマ)
  • 記事作成:2020年2月

手順1:カテゴリ用メニューの作成

操作手順

  • WordPressのメニューから「外観」-「メニュー」を開く
  • 「新しいメニューを作成しましょう。」をクリック
  • 「サイド用カテゴリメニュー」に名前を入力
  • 追加したいカテゴリーにチェックを付けて「メニューに追加」をクリック
  • 追加したカテゴリーをドラッグして並べ替える。メニューを右側にずらすことで、階層構造を作ります
  • メニュー設定で「サイド用メニュー」にチェックを付ける
  • 「メニューを保存」をクリック

手順1:カテゴリ用メニューの作成

手順2:作成したメニューをサイドメニューに追加

操作手順

  • WordPressのメニューから「外観」-「ウィジェット」を開く
  • 「01_STINGERサイドバーメニュー」をクリック
  • 「サイドバーウィジェット」にチェックを付ける
  • 「ウィジェットを追加」をクリック
  • 「サイドバーウィジェット」に追加された「01_STINGERサイドバーメニュー」に「タイトル」を入力
  • 「保存」をクリック

手順2:作成したメニューをサイドメニューに追加

以上で、オリジナルのカテゴリを追加する手順は以上です。
追加したカテゴリメニューのレイアウトを変更したい場合は、

WordPressのメニューから「外観」-「カスタマイズ」-「メニューのカラー設定」-「サイドメニューウィジェット」
から、設定画面を開くことが可能です。

この画面では、主に以下の設定が可能ですので、カテゴリの階層構造を見やすくするために使ってみてはどうでしょうか?

主なカスタマイズ可能項目

  1. カテゴリ階層別の文字色設定、アイコン(矢印等)設定
  2. 背景色&グラデーション、背景画像

手順は以上です。

-平社員日記

Copyright© ナカログ , 2020 All Rights Reserved.