Cocoonでは、アイキャッチ画像が設定されていない記事に、テーマ標準の「No Image」画像が自動表示されます。
この記事では、その「No Image」画像を、自分で作ったオリジナル画像(例:ロボくんの画像)に差し替える手順をまとめます。
STEP1:No Image画像をメディアにアップする
- WordPressダッシュボード左メニューから、[メディア]→[新規追加] をクリックします。
- 用意しておいた No Image 画像(例:manpuku-noimage.png や manpuku-noimage.jpg)をアップロードします。
- ファイル名はあとから見ても分かりやすい名前にしておくと便利です。
STEP2:Cocoonの「No Image」設定を変更する
- WordPressダッシュボード左メニューから、[Cocoon設定] をクリックします。
- 上部に並んでいるタブの中から、[画像]タブ を開きます。
- 下の方にスクロールしていくと、「NO IMAGE設定」 というエリアがあります。
- その中の 「NO IMAGE画像」 という項目の [選択]ボタン をクリックし、メディアライブラリから先ほどアップした画像を選びます。
- 画面の一番下までスクロールし、[変更をまとめて保存] ボタンをクリックして完了です!
STEP3:ちゃんと差し替わったか確認する
- テスト用に、アイキャッチをわざと設定していない記事を1つ用意します。
- ブログのトップページやカテゴリ一覧などを開き、その記事のサムネイルを確認します。
- 一覧や関連記事のところで、ロボくんの「Sorry… This image is still getting ready.」画像が表示されていればOKです。
- もしキャッシュ系プラグインを使っている場合は、No Image画像を変更しても、しばらく古い画像が表示されることがあります。
- その場合は、プラグイン側のキャッシュ削除を実行し、ブラウザの再読み込み(必要ならスーパーリロード)も試してみてください。
補足:Cocoon側に「No Image」設定が見当たらない場合
- ※見当たらない場合は、Cocoonのテーマを最新版にアップデートしてみてください。
- そのときは、次のような方法もあります。
- プラグイン 「Default featured image」 をインストールして有効化する。
- プラグインの設定画面から、先ほどアップした No Image 画像をデフォルトアイキャッチとして指定する。
- この方法でも、アイキャッチが設定されていない記事に、指定した画像を自動表示させることができます。
- ただし、まずは [Cocoon設定]→[画像]タブ の中に「NO IMAGE画像」の設定がないか、一度確認してみるのがおすすめです。

