メニューで子カテゴリも表記する方法
WordPressでブログを書く際、メニューを整理して見えやすくしたいですよね。
その方法をわかりやく説明いたします。
私の場合、中国語というカテゴリの中に発音や文法、勉強法をカテゴリ分けしたいと考えていました。
頭の中ではこんな感じです笑
ロジカルシンキングのイシューツリーですね。
これをメニューに表すとこんな感じです。
![](https://i0.wp.com/haohao-info.com/wp-content/uploads/2017/04/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2017-04-08-17.28.35-297x300.png?resize=236%2C238)
![](https://i2.wp.com/haohao-info.com/wp-content/uploads/2017/04/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2017-04-08-17.36.08-300x238.png?resize=235%2C187)
まず初めに
これからご紹介する方法は、ブログ専門テーマであるストークをインストールしていれば何もせずに設定可能です。
ストーク以外ですと、Category Order and Taxonomy Terms Orderをプラグインする必要があるのでご注意ください!!
ストークのテーマを入れてしまえば、このような煩わしさから解放されます笑
カテゴリの設定の仕方
まず親カテゴリと子カテゴリを設定します。
私の場合だと、中国語が親カテゴリ、文法・発音・勉強法が子カテゴリになります。
設定はダッシュボードの投稿→カテゴリを選択します。
![](https://i2.wp.com/haohao-info.com/wp-content/uploads/2017/04/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2017-04-08-19.04.37-300x182.png?resize=503%2C305)
そして名前のところにまず親カテゴリにしたいワードを入力します。
![](https://i1.wp.com/haohao-info.com/wp-content/uploads/2017/04/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2017-04-08-19.05.02-300x136.png?resize=489%2C222)
スラッグと説明はとりあえず何も入れなくてokです。
その下の「親」のところはなしにしておきます。
これで親カテゴリが完成です。
次に子カテゴリですが、再度名前のところに子カテゴリにしたいワードを入力します。今回もスラッグと説明は何も入れなくてokです。
次に重要なのが「親」のところです。
子カテゴリの親にしたいカテゴリを選択します。
これで子カテゴリの完成です。
次にメニューの設定を説明します。
メニューでカテゴリを階層表記する
ダッシュボードの①外観→②メニュー→③カテゴリ→④すべて表示→⑤新たに追加したカテゴリ名にチェックを入れる→⑥メニューを追加を選択します。
![](https://i0.wp.com/haohao-info.com/wp-content/uploads/2017/04/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2017-04-09-22.36.21-300x150.png?resize=494%2C247)
そうすると右のメニュー構造に新たに作成したカテゴリが追加されます。
そしてメニュー構造で親カテゴリを頭にして、その下に子カテゴリを並べます。もしそのように並んでたら並び替える必要はありません。並び替える方法ですが、左クリックしたまま移動させれば大丈夫です。
次が重要です!!
子カテゴリを左クリックしながら右にずらします。
![](https://i2.wp.com/haohao-info.com/wp-content/uploads/2017/04/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2017-04-08-17.25.57-1-300x206.png?resize=506%2C347)
こんな感じですね。
そうすると副項目と表記されるようになります。
これでこのようなメニュー表記ができているはずです!!
![](https://i2.wp.com/haohao-info.com/wp-content/uploads/2017/04/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2017-04-08-17.28.35-1-297x300.png?resize=231%2C233)
![](https://i2.wp.com/haohao-info.com/wp-content/uploads/2017/04/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2017-04-08-17.36.08-1-300x238.png?resize=236%2C187)
ではでは!!