ご自身のブログで急にアイキャッチ画像が消えると焦りますよね。
備忘録を兼ねて、テーマ「cocoon」でアイキャッチ画像が消えた時のチェックポイントを解説します。
![わい](https://i0.wp.com/y-log.jp/wp-content/uploads/2021/04/IMG_9652-e1618839308294.png?w=1660&ssl=1)
それではまいりましょー!
アイキャッチが消えた時のチェックポイント5つ
![](https://i0.wp.com/y-log.jp/wp-content/uploads/2021/08/image-9.jpeg?resize=628%2C418&ssl=1)
アイキャッチが消えた時のチェックポイントは次の通り。
- 「画像」タブの「本文上にアイキャッチを表示する」
- 「画像」タブの「アイキャッチ自動設定を有効にする」
- 「全体」タブの「サイト全体のサムネイルを表示する」
- 「サイト高速化」の「cssの縮小化
- メディアライブラリの画像
画像付きで順番に見ていきます。
設定を確認
![](https://i0.wp.com/y-log.jp/wp-content/uploads/2021/08/b4adfb943770c95408130218e69a7d61.jpg?resize=800%2C777&ssl=1)
私の場合、↑こんな感じで画像がすっぽり抜け落ちていました。
同じような状況の方はぜひお試しください。
「画像」タブ→「本文上にアイキャッチを表示する」
![](https://i0.wp.com/y-log.jp/wp-content/uploads/2021/08/Screenshot-at-Aug-07-23-08-51.png?resize=800%2C236&ssl=1)
まずは「画像」タブ。
「cocoon設定」を選択し、上の方にある「画像」のタブをクリックします。
![](https://i0.wp.com/y-log.jp/wp-content/uploads/2021/08/Screenshot-at-Aug-07-23-09-51.jpg?resize=800%2C509&ssl=1)
プレビューの下にある「本文上にアイキャッチを表示する」にチェックが入っているか確認。
「画像」タブ→「アイキャッチ自動設定を有効にする」
同じく画像タブ。
こちらは本文中の画像をアイキャッチにしている場合の設定です。
![](https://i1.wp.com/y-log.jp/wp-content/uploads/2021/08/Screenshot-at-Aug-07-23-19-48.png?resize=800%2C80&ssl=1)
なかほどにある「アイキャッチ自動設定を有効にする」を確認。
「全体」タブ→「サイト全体のサムネイルを表示する」
![](https://i1.wp.com/y-log.jp/wp-content/uploads/2021/08/Screenshot-at-Aug-07-23-11-21.png?resize=800%2C126&ssl=1)
続いて「全体」タブ。
![](https://i1.wp.com/y-log.jp/wp-content/uploads/2021/08/Screenshot-at-Aug-07-23-11-45.png?resize=800%2C88&ssl=1)
下の方にある「サイト全体のサムネイルを表示する」のチェックを確認。
ここまででアイキャッチが表示されていなければ次へ。
「サイト高速化」→「css縮小化」
私がこれだったのですが、高速化を試みて「cssを縮小化」したのが原因でした。
![](https://i0.wp.com/y-log.jp/wp-content/uploads/2021/08/Screenshot-at-Aug-07-23-12-20.png?resize=800%2C365&ssl=1)
「cocoon設定」にカーソルを合わせると「高速化」のページが出てきます。
クリックして移動。
![](https://i1.wp.com/y-log.jp/wp-content/uploads/2021/08/Screenshot-at-Aug-07-23-12-56.png?resize=800%2C191&ssl=1)
「縮小化」のボックスにある「cssを縮小化する」のチェックを確認。
もしcssのコードで画像に関する編集を行なっていた場合、縮小化によってアイキャッチが消えてしまうことがあるようです。
私自身も不慣れながらいろいろコードを追加していたため、チェックしていたことで画像が表示されなくなりました。
チェックを外すと……、
![](https://i0.wp.com/y-log.jp/wp-content/uploads/2021/08/afa01bfe04d842629da43836b46be022.jpg?resize=800%2C721&ssl=1)
無事復活!
もしかすると他の「縮小化」のチェックで画像が表示されないこともあるかもしれません。
そんな時は、最近編集した箇所を思い出してみてください。
ライブラリの画像
最後に、メディアライブラリの画像が消えていないか確認。
![](https://i2.wp.com/y-log.jp/wp-content/uploads/2021/08/Screenshot-at-Aug-07-23-29-46.png?resize=800%2C149&ssl=1)
初歩的ですが、もし誤って消してしまっていた場合、当然ながら選択した画像が表示されなくなります。
ライブラリの画像は記事が増えてくると管理も難しくなってくると思いますので、ぜひチェックしてみてください。
アイキャッチが消えた時は設定をチェック!
以上、アイキャッチの画像が消えた時のチェックポイントをご紹介しました。
PC・スマホともに、いきなり画像が消えると焦りますよね。
まずは上記のポイントをチェックして、画像が反映されているか確認してみてくださいね!
![わい](https://i0.wp.com/y-log.jp/wp-content/uploads/2021/04/IMG_9652-e1618839308294.png?w=1660&ssl=1)
それでは!あとからねー
コメント