今日は、僕が実際にハマった「WordPressあるある」のひとつを共有します。

それは、

・カテゴリーではちゃんと親子関係を作っているのに
・Cocoonのヘッダーメニューには、子カテゴリが出てこない…

という現象です。

例えば、

• AIと仲良くなる
  ┣ AIとの付き合い方
  ┣ AIとの話し方
  ┗ お手伝いAI

という親子カテゴリを作っているのに、ヘッダーメニューの「AIと仲良くなる」の下に「お手伝いAI」が出てこない、という状態ですね。

結論からいうと、

「カテゴリの親子関係」と「ヘッダーメニューに出すかどうか」は、別々に設定する必要がある

というのがポイントでした。

同じところで悩んでいる方の時間と心を少しでも節約できたらうれしいので、手順をまとめておきます。

1. カテゴリの親子関係ができているか確認する

まずは、親子関係そのものが作れているかを確認します。

1. 管理画面の左メニューから
   「投稿 → カテゴリー」 を開く

2. 「AIと仲良くなる」を親にして、

   • AIとの付き合い方

   • AIとの話し方

   • お手伝いAI
     などを子カテゴリーとして登録する

ここまではできている、という人が多いと思います。
僕もここまではできていたのに、「ヘッダーメニューに出ない…」と悩んでいました。

2. ヘッダーメニューに「子カテゴリ」を追加する

実は、ヘッダーメニュー側に、子カテゴリをあらためて登録してあげる必要があります。

手順

1. 管理画面で
   「外観 → メニュー」 を開く

2. 画面上部のプルダウンで、ヘッダーに使っているメニュー
   （例：グローバルナビ, ヘッダーメニュー など）を選んで「選択」

3. 左側にある「カテゴリー」タブを開き、
   「お手伝いAI」にチェック → 『メニューに追加』 をクリック

4. 右側の「メニュー構造」の一番下あたりに
   「お手伝いAI」が追加されるので、それをドラッグして

   • 「AIと仲良くなる」のすぐ下へ移動

   • さらに少し右へずらす（インデントさせる）

   すると、メニュー名の下に「サブメニュー」と表示されます。
   これで、「AIと仲良くなる」の子メニューとして認識されます。

5. 最後に、画面右下の
   「メニューを保存」 をクリック

ここまでできたら、PCでブログを開いてみてください。

ヘッダーの「AIと仲良くなる」にマウスカーソルを乗せると、
ドロップダウンメニューの中に

• AIとの付き合い方

• AIとの話し方

• お手伝いAI

のように、子カテゴリが並んでいるはずです。

3. それでも表示されないときのチェックポイント

「手順どおりにやったのに、まだ出ない…」というときは、
次のあたりをチェックしてみてください。

(1) メニューの「表示位置」が合っているか

「外観 → メニュー」の下側にある

• ヘッダーメニュー

• グローバルナビ

などの「メニューの位置」に、チェックが入っているか確認します。

別のメニューがヘッダーに割り当てられていると、
いくら編集しても反映されません。

(2) キャッシュを削除してみる

• キャッシュ系プラグイン

• Cocoonの高速化機能

などを使っている場合は、

1. プラグイン側でキャッシュ削除

2. Cocoon設定の高速化を一度オフ→オンにしながらキャッシュ削除

などを試してみると、表示が更新されることがあります。

(3) ブラウザのキャッシュもクリアする

ブラウザ側の古い情報が残っている場合もあるので、

• Ctrl + F5（強制再読み込み）

で、ページを読み直してみてください。

おわりに

「カテゴリの親子はちゃんと作っているのに、ヘッダーメニューに子カテゴリが出ない」というのは、
設定の仕組みを知らないと、けっこうモヤっとするポイントでした。

同じところで足踏みしている方に、

「カテゴリの親子設定」と「メニューの階層設定」は別々なんだ

という情報が届くとうれしいです。

「アイキャッチを用意していない記事だけ、カテゴリごとに違う画像を出したい」
「Cocoonの共通No Imageじゃなくて、カテゴリ別のロボくんを使いたい」

そんなとき、最初に思いつくのはプラグインやコード修正ですが、Cocoonには、それをかなり簡単に実現できる方法がありました。

この記事では、ぼくが実際に試してみて分かった

「カテゴリのアイキャッチ画像」を使って、アイキャッチのない記事だけカテゴリ別画像を表示させる方法

をまとめておきます。プラグインもコードもいじらずにできるので、同じことで悩んでいる方の参考になればうれしいです。

やりたいことの整理

目指すゴールはこんなイメージです。

• 記事にアイキャッチ画像が設定されている場合
  → その記事専用のアイキャッチが表示される
• 記事にアイキャッチが設定されていない場合
  → その記事が属しているカテゴリの画像が表示される
• カテゴリごとに、違う「No Image」的な画像を使える

つまり、

「アイキャッチがない記事だけ、カテゴリ画像で穴埋めする」

という使い方です。

前提

• テーマ：Cocoon
• アイキャッチ未設定の記事がある
• カテゴリごとに1枚、共通で使いたい画像を用意できる

ぼくの環境では、1500×800px の横長画像をカテゴリごとに1枚ずつ用意して使っています。

手順①：カテゴリ用の画像を用意する

まずは、カテゴリごとに使いたい画像を準備します。

• できれば横長（例：1500×800px）にしておくと、一覧や単体表示でもきれいに収まります。
• ファイル名も分かりやすくしておくと管理が楽です。
  例：
  • cat-wp-notes.jpg
  • cat-ai-friend.jpg
  • cat-diary.jpg など

準備できたら、WordPressの「メディア」にアップロードしておきます。

手順②：「投稿 → カテゴリー」でカテゴリーを編集する

次に、カテゴリごとにアイキャッチ画像を設定していきます。

1. WordPress管理画面の左メニューから
   ［投稿］→［カテゴリー］ を開きます。
2. 画像を設定したいカテゴリの行にマウスを乗せて、
   「編集」 をクリックします。
3. カテゴリー編集画面を少し下にスクロールすると、
   「アイキャッチ画像」 という項目があります。
4. ［アイキャッチ画像を設定］ をクリックして、さきほどアップロードした画像を選びます。
5. ［更新］ボタン を押して保存します。

これで、そのカテゴリに「カテゴリ用アイキャッチ画像」が登録されました。

手順③：表示を確認する

設定が終わったら、実際の表示を確認してみます。

1. そのカテゴリに属している記事のうち、
   「アイキャッチ画像が設定されていない記事」 を開く、もしくは記事一覧を表示します。
2. すると、今まで Cocoon の共通 No Image だったところが、
   カテゴリで設定したアイキャッチ画像に変わっている はずです。

逆に、

• すでに記事ごとにアイキャッチを設定しているものは、
  これまで通りそのアイキャッチのまま で表示されます。

つまり、カテゴリ画像はあくまで

「アイキャッチがないときだけの“予備画像”」

として振る舞ってくれる、というイメージです。

この方法のいいところ

実際にやってみて、いいなと思った点はこのあたりです。

• プラグイン不要
  余計なプラグインを増やさなくていいので、サイトが重くなりにくい。
• 既存の記事のアイキャッチを壊さない
  記事ごとに設定した画像はそのまま生きている。
• カテゴリの世界観を出しやすい
  「WordPressのメモ」「AIと仲良くなる」「心のトゲを抜く」など、カテゴリごとに違うロボやイラストを使えるので、見た目にも分かりやすくなります。

注意点・補足

• Cocoonの共通No Image画像は、
  「カテゴリにもアイキャッチがない＋記事にもアイキャッチがない」場合の最終的な予備画像、という位置づけになります。
• 画像を差し替えたのにうまく変わらないときは、
  ブラウザのキャッシュや、キャッシュ系プラグインのクリアも試してみてください。

おわりに

最初は「カテゴリごとにNo Imageを変えるには、プラグインかコードしかないかな…」と思っていましたが、実際に触ってみたら、カテゴリのアイキャッチ機能を使うだけで、やりたいことがそのまま実現できた、というオチでした。

Cocoonは、ちゃんと触ってみると「そこまで用意してくれてたのか…」という機能がちょこちょこ隠れているテーマだな、と改めて感じています。

もしあなたも、

• 記事ごとに全部アイキャッチを作るのはしんどいけど、
• カテゴリごとに雰囲気は出したい…

というタイプなら、この方法はかなり楽なので、ぜひ一度試してみてください。

放っておいてもすぐ困るわけではありませんが、

• 管理画面がゴチャゴチャする
• 不要なテーマが残っていると、セキュリティ的なリスクになることもある

といった理由から、「もう使わないテーマ」は削除しておくのがおすすめです。

この記事では、WordPressの管理画面から、使っていないテーマを安全に削除する手順を、できるだけやさしくまとめておきます。

前提：削除できるのは「今使っていないテーマ」だけ

まず大前提として、現在「有効化」されているテーマは削除できません。

たとえば、いま Cocoon を使っている場合は、

• Cocoon → 有効（削除不可）
• 他のテーマ → 無効（削除OK）

という状態になっているはずです。

ですので、「いま使っているテーマ以外」を整理していくイメージで進めていきます。

STEP1：テーマ一覧画面を開く

1. WordPressダッシュボードにログインします。
2. 左側のメニューから ［外観］→［テーマ］ をクリックします。
3. 現在インストールされているテーマの一覧が表示されます。

ここで、今使っているテーマには「有効」と表示されています。削除するのは、それ以外の「有効」と書かれていないテーマです。

STEP2：いらないテーマを削除する

削除の手順はとてもシンプルです。

1. 削除したいテーマのサムネイル（画像）の上にマウスカーソルを置き、クリックします。
2. テーマの詳細画面が開きます。
3. 画面の右下あたりに 「削除」 という赤い文字のリンクがあります。
4. 「削除」をクリックすると、「本当にこのテーマを削除しますか？」と確認メッセージが表示されるので、［OK］ をクリックします。

これで、そのテーマはサーバーから完全に削除されます。

※「削除」という文字が表示されない場合は、そのテーマが現在「有効」になっている可能性があります。その場合は、別のテーマ（例：Cocoon）を有効化してから、もう一度削除を試してみてください。

どのテーマを残しておけばいい？

いらないテーマは消してしまって大丈夫ですが、次の2種類だけは残しておくのがおすすめです。

• いま使っているメインテーマ
  例：Cocoon、Cocoon Child など
• WordPress公式のデフォルトテーマを1つだけ
  例：Twenty Twenty-One、Twenty Twenty-Two など

デフォルトテーマをひとつ残しておく理由は、もし何かのトラブルで現在のテーマに不具合が出たとき、WordPressが自動的にデフォルトテーマへ切り替えてくれることがあるからです。

それ以外の、「もう使う予定がないテーマ」は削除しても問題ありません。

補足：FTPで消す必要はある？

テーマはサーバー上では wp-content/themes/ というフォルダの中に保存されています。

FTPソフトで直接削除することもできますが、誤って必要なテーマファイルを消してしまうリスクもあります。

基本的には、ダッシュボードの［テーマ］画面から削除する方法だけで十分です。特別な理由がなければ、FTPでの削除はしなくて大丈夫です。

おわりに

WordPressのテーマは、「試しに入れてみただけ」でそのまま残りがちです。

いらないテーマを整理しておくことで、

• 管理画面がスッキリする
• 不要なテーマからのセキュリティリスクを減らせる

というメリットがあります。

時間のあるときに、「今使っているテーマ」と「本当に残しておきたいテーマ」だけを残すイメージで、一度見直してみるのもいいかもしれません。

STEP1：No Image画像をメディアにアップする

1. WordPressダッシュボード左メニューから、［メディア］→［新規追加］ をクリックします。
2. 用意しておいた No Image 画像（例：manpuku-noimage.png や manpuku-noimage.jpg）をアップロードします。
3. ファイル名はあとから見ても分かりやすい名前にしておくと便利です。

STEP2：Cocoonの「No Image」設定を変更する

1. WordPressダッシュボード左メニューから、［Cocoon設定］ をクリックします。
2. 上部に並んでいるタブの中から、［画像］タブ を開きます。
3. 下の方にスクロールしていくと、「NO IMAGE設定」 というエリアがあります。
4. その中の 「NO IMAGE画像」 という項目の ［選択］ボタン をクリックし、メディアライブラリから先ほどアップした画像を選びます。
5. 画面の一番下までスクロールし、［変更をまとめて保存］ ボタンをクリックして完了です！

STEP3：ちゃんと差し替わったか確認する

• テスト用に、アイキャッチをわざと設定していない記事を1つ用意します。
• ブログのトップページやカテゴリ一覧などを開き、その記事のサムネイルを確認します。
• 一覧や関連記事のところで、ロボくんの「Sorry… This image is still getting ready.」画像が表示されていればOKです。
• もしキャッシュ系プラグインを使っている場合は、No Image画像を変更しても、しばらく古い画像が表示されることがあります。
• その場合は、プラグイン側のキャッシュ削除を実行し、ブラウザの再読み込み（必要ならスーパーリロード）も試してみてください。

補足：Cocoon側に「No Image」設定が見当たらない場合

• ※見当たらない場合は、Cocoonのテーマを最新版にアップデートしてみてください。
• そのときは、次のような方法もあります。
• プラグイン 「Default featured image」 をインストールして有効化する。
• プラグインの設定画面から、先ほどアップした No Image 画像をデフォルトアイキャッチとして指定する。
• この方法でも、アイキャッチが設定されていない記事に、指定した画像を自動表示させることができます。
• ただし、まずは ［Cocoon設定］→［画像］タブ の中に「NO IMAGE画像」の設定がないか、一度確認してみるのがおすすめです。