【Cocoon】サムネイルが表示されない問題の真犯人は…高速化!?

(この記事は、2021年9月24日に更新しました。)

今回の記事では、Cocoonのサムネイルが表示されない問題について、
解決法を紹介します。

 

具体的には、こちらの悩みを解決します▼

business_woman1_3_cry
Cocoon
ユーザー
ブログ初心者(Cocoonユーザー)です。
Cocoonの設定をしながら記事をアップしていましたが、
ある日突然、

サイトトップ画面の記事のサムネイルが表示されなくなってしまいました
スマホでは表示されるのですが、
PCだと表示されない状態です。

どうしたらPCでサムネイルが見られるようになるでしょうか・・?

 

Cocoonはおそらく、
WordPressのブログ初心者の大部分が最初にインストールするテーマでしょう。

初心者向けの設定ガイドは、公式サイトやYouTube、
先輩ブロガーのブログに無数に掲載されています。

 

全く何も知らない方であっても、
1つずつステップを踏んでいけば必ず前に進んでいけるため、

間違いなく初心者に最もオススメできるテーマです。

 

一方、上記のような
”意図しない”問題に直面すると、初心者ブロガーでは問題解決が困難です。

 

実際私がこの問題に直面した際、解決方法を必死で探しましたが、
結局見つかりませんでした。

 

そうなると、自分でデバッグ(修正)するしかありません。

 

今まで自分が参考にしてきたCocoon設定のYouTubeを全て見返し、
1つ1つの設定を元に戻して問題が解決するか確認するという、
超地道な作業を何時間もやり続け、ようやく解決策を見つけました。

 

同じ現象でお悩みの方の参考なれば幸いです。

 

サムネイルが表示されない問題の真犯人は…高速化!?

Solution

 

まず、結論からお伝えします。

Cocoon設定の高速化(縮小化)の✅を全て外しましょう!
私の場合は、これで解決しました。
この解決方法に至る道のりについて、
  • 具体的にどんな問題か?
  • トライ&エラー

という順番で解説していきます。

 

具体的にどんな問題か?

problem

 

問題1:サイトを表示したときに、記事のサムネイル画像が表示されなくなった

<確認した項目>

✅アイキャッチ画像は設定済み

✅アイキャッチ画像をサムネイルにする設定も問題無し

✅表示オプションでアイキャッチ画像にチェック済み

携帯やiPad、他の人のPCでサイトを見ると、サムネイルが表示される

✅数日前まではちゃんと表示されていた

 

問題2:投稿の編集画面で、”見出し”が正しく表示されない

<確認した項目>

スキンごとに定義されている見出し(H2, H3・・・)デザインが記事の編集画面で正しく表示されない。

プレビュー画面では正しく見出しが見える。

 

トライ&エラー

Try_and_Error

 

『問題解決における最速の近道はグーグル先生に聞くこと』

だと確信しているので、色々調査してみました。

 

サムネイルが表示されない問題に関する解決法を載せている記事は多く見かけましたが、
私と同じ問題を抱えている人を見つけることはできませんでした。

 

多くの記事では、

  • 表示オプションが正しく設定されていなかった
  • アイキャッチが正しく設定されていなかった
というのがオチでした。
諦めず探索を続けていると、あるサイトに出会いました。
まさかのCocoonの親ページ(笑)
このページの中で、
『不具合時の連絡の仕方のお願い事項』として以下の記述があります。

テーマのソースコード縮小化機能は無効にする

これを見てビビッと来ました。

 

もしかしたら、高速化の設定が悪さをしているのかも、と。

YouTubeの動画で、
ある方が丁寧にCocoon設定の全てのタブについて1つ1つ解説していて、
それを参考に高速化の設定をしていたのを思い出しました。

 

そして、案内通り
Cocoon設定 ➡ 高速化 ➡ 縮小化

の中にある全てのチェックを外してみたところ・・・

Cocoon高速化

 

ちゃんとサムネイルが表示されました▼

投稿画面

更に、投稿編集画面で見出しが正しく表示されない問題も同時に解決されていました。

Cocoon設定おそるべし・・・。

 

まとめ

summary

 

Cocoonでサムネイルが表示されない問題について、解決方法を紹介しました。

結局、解決方法は「高速化を無効にするだけ」と至ってシンプルなものでしたが、
そこにたどり着くまでに相当の時間を費やしました。

 

Cocoonはデフォルトで様々な機能がついていて、カスタマイズ性も高く、
初心者からベテランまで幅広く使える最強のテーマの1つであることは間違いありませんが、

たった1つの設定で、サムネイルが正しく表示されない、
そして投稿編集画面が正しく表示されなくなる可能性がある

ということを学びました。

 

やはり、ある程度中身を知って、自分の頭で理解した上で使うことが重要ですね。

 

【本の紹介】ブログの基礎を学びたい人におすすめの本

ブログをやろう!と思い立って始めてみたものの、やればやるほど壁にぶつかりますよね。

サイトの作り方や育て方、記事の書き方、収益の発生システムなど、学ぶ量は膨大です。

そこで、ブログの専門書を読んで、重要な基礎を身につけるのが一番おすすめです。

私が参考にした、世界一やさしいといわれるブログの専門書はこちら▼

世界一やさしいブログの教科書
世界一やさしい ブログの教科書 1年生

ブログの始め方だけでなく、先輩ブロガーの成功事例やネタ切れしないコツ、収益の仕組みなど、とても実用的で分かりやすいです。
読んで損はないですよ。

 

【Cocoon】 サムネイル表示されない 解決方法
フォローはこちらから