こんにちは。
今日は、僕が実際にハマった「WordPressあるある」のひとつを共有します。
それは、
・カテゴリーではちゃんと親子関係を作っているのに
・Cocoonのヘッダーメニューには、子カテゴリが出てこない…
という現象です。
例えば、
-
AIと仲良くなる
┣ AIとの付き合い方
┣ AIとの話し方
┗ お手伝いAI
という親子カテゴリを作っているのに、ヘッダーメニューの「AIと仲良くなる」の下に「お手伝いAI」が出てこない、という状態ですね。
結論からいうと、
「カテゴリの親子関係」と「ヘッダーメニューに出すかどうか」は、別々に設定する必要がある
というのがポイントでした。
同じところで悩んでいる方の時間と心を少しでも節約できたらうれしいので、手順をまとめておきます。
1. カテゴリの親子関係ができているか確認する
まずは、親子関係そのものが作れているかを確認します。
-
管理画面の左メニューから
「投稿 → カテゴリー」 を開く -
「AIと仲良くなる」を親にして、
-
AIとの付き合い方
-
AIとの話し方
-
お手伝いAI
などを子カテゴリーとして登録する
-
ここまではできている、という人が多いと思います。
僕もここまではできていたのに、「ヘッダーメニューに出ない…」と悩んでいました。
2. ヘッダーメニューに「子カテゴリ」を追加する
実は、ヘッダーメニュー側に、子カテゴリをあらためて登録してあげる必要があります。
手順
-
管理画面で
「外観 → メニュー」 を開く -
画面上部のプルダウンで、ヘッダーに使っているメニュー
（例：グローバルナビ, ヘッダーメニュー など）を選んで「選択」 -
左側にある「カテゴリー」タブを開き、
「お手伝いAI」にチェック → 『メニューに追加』 をクリック -
右側の「メニュー構造」の一番下あたりに
「お手伝いAI」が追加されるので、それをドラッグして-
「AIと仲良くなる」のすぐ下へ移動
-
さらに少し右へずらす（インデントさせる）
すると、メニュー名の下に「サブメニュー」と表示されます。
これで、「AIと仲良くなる」の子メニューとして認識されます。 -
-
最後に、画面右下の
「メニューを保存」 をクリック
ここまでできたら、PCでブログを開いてみてください。
ヘッダーの「AIと仲良くなる」にマウスカーソルを乗せると、
ドロップダウンメニューの中に
-
AIとの付き合い方
-
AIとの話し方
-
お手伝いAI
のように、子カテゴリが並んでいるはずです。
3. それでも表示されないときのチェックポイント
「手順どおりにやったのに、まだ出ない…」というときは、
次のあたりをチェックしてみてください。
(1) メニューの「表示位置」が合っているか
「外観 → メニュー」の下側にある
-
ヘッダーメニュー
-
グローバルナビ
などの「メニューの位置」に、チェックが入っているか確認します。
別のメニューがヘッダーに割り当てられていると、
いくら編集しても反映されません。
(2) キャッシュを削除してみる
-
キャッシュ系プラグイン
-
Cocoonの高速化機能
などを使っている場合は、
-
プラグイン側でキャッシュ削除
-
Cocoon設定の高速化を一度オフ→オンにしながらキャッシュ削除
などを試してみると、表示が更新されることがあります。
(3) ブラウザのキャッシュもクリアする
ブラウザ側の古い情報が残っている場合もあるので、
-
Ctrl + F5（強制再読み込み）
で、ページを読み直してみてください。
おわりに
「カテゴリの親子はちゃんと作っているのに、ヘッダーメニューに子カテゴリが出ない」というのは、
設定の仕組みを知らないと、けっこうモヤっとするポイントでした。
同じところで足踏みしている方に、
「カテゴリの親子設定」と「メニューの階層設定」は別々なんだ
という情報が届くとうれしいです。
