トップページにサムネイルが生成されない | Cocoonテーマに関する質問 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
トップページにサムネイルが生成されない
 
Share:
Notifications
Clear all

[解決済] トップページにサムネイルが生成されない  


ぐらと
 ぐらと
(@ぐらと)
ゲスト
参加: 3か月 前
投稿: 8
2020年7月14日 13:24  

トップページにサムネイルが生成されないページがあり、no imageでもなく空白になっています。

最近の更新したものがそうなる傾向が多く、原因がわかりません。

考えられることはありますか?

 

テーマ情報

----------------------------------------------

サイト名:マトメバコ!

サイトURL: https://kokomatoblog.com

ホームURL: https://kokomatoblog.com

コンテンツURL:/wp-content

インクルードURL:/wp-includes/

テンプレートURL:/wp-content/themes/cocoon-master

スタイルシートURL:/wp-content/themes/cocoon-child-master

親テーマスタイル:/wp-content/themes/cocoon-master/style.css

子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css

スキン:/wp-content/themes/cocoon-master/skins/skin-momoon-aqua/style.css

WordPressバージョン:5.4.2

PHPバージョン:7.3.16

ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Safari/605.1.15

サーバーソフト:Apache

サーバープロトコル:HTTP/1.1

言語:ja-jp

----------------------------------------------

テーマ名:Cocoon

バージョン:2.2.0.5

カテゴリ数:13

タグ数:0

ユーザー数:1

----------------------------------------------

子テーマ名:Cocoon Child

バージョン:1.1.1

style.cssサイズ:3597バイト

functions.phpサイズ:203バイト

----------------------------------------------

Gutenberg:1

AMP:1

PWA:1

Font Awesome:4

Auto Post Thumbnail:0

Retina:0

ホームイメージ:/wp-content/uploads/2020/05/F98D3227-D1E5-4536-9504-AA473D5256B7.png

----------------------------------------------

ブラウザキャッシュ有効化:1

HTML縮小化:1

CSS縮小化:1

JavaScript縮小化:1

Lazy Load:1

WEBフォントLazy Load:0

----------------------------------------------

利用中のプラグイン:

AddQuicktag 2.5.3

Advanced TinyMCE Configuration 1.6

Broken Link Checker 1.11.13

Contact Form 7 5.2

EWWW Image Optimizer 5.5.0

Google XML Sitemaps 4.1.0

IP Geo Block 3.0.17.4

Jetpack by WordPress.com 8.7

PS Auto Sitemap 1.1.9

Rinker 1.7.2

SiteGuard WP Plugin 1.5.0

Table of Contents Plus 2002

TinyMCE Advanced 5.4.0

Word Balloon 4.10.4

WordPress Ping Optimizer 2.35.1.2.2

WP-Optimize - Clean, Compress, Cache 3.1.2

----------------------------------------------


未解決
リフィトリー
(@leafytree)
Noble Memberサイト
参加: 1年 前
投稿: 1882
2020年7月14日 14:40  

前略、ぐらと さん

私はサムネイルの生成の仕組みはさっぱりわからないのですが、別の方が似たようなトピックを立てていらっしゃるようです。

 

プレビューまたは公開された記事の画像が全部ではなく一部だけ小さくなってしまう件

 

こちらの方は、Jetpack を停止したら、症状が改善したと書いていらっしゃいます。

 

画像のimgタグを拝見しますと、

jetpack-lazy-image lozad lozad-img jetpack-lazy-image--handled

のようなクラスが付与されているようです。

 

加えて、環境情報を拝見しますと、Cocoonのオプション機能である、Lazy Load 機能も使われていらっしゃるようです。

Lazy Load:1

ということは、同じような Lazy Load 機能が競合しているような気もしないでもないです。

 

jetpack の最新アップデートは、7日前のようです。

Jetpack by WordPress.com

 

私は、jetpack を一度も使ったことがないので、jetpack に Lazy Load  機能があるのかどうかもわかりませんが、仮にあるとすれば、Lazy Load だけをOFFにすることはできるのでしょうか?

 

jetpack については、前回のアップデートでも、以下のような問題が発生していました。

[解決済] しばらくアクセスしないとサイトページの表示が崩れるものの、更新すると復旧する事象について

 

jetpack ばかりを疑っては、偏ってしまうかもしれませんので、他の要因も考えた方がいいのかもしれませんが、他のプラグインも含めて一旦停止してみる、というのは、最初に試してみてもいいのかもしれません。

 


わいひら 件のいいね!
さる子
(@saruko)
Estimable Memberサイト
参加: 6か月 前
投稿: 151
さる子 - Twitter
2020年7月14日 19:02  

Jetpackは機能別にオン・オフができるので、Jetpackのプラグイン自体は有効化したままLazy Load機能(画像の遅延読み込み)をオフにすることもできます。

Jetpack→設定→パフォーマンス→パフォーマンスおよびスピード→画像の遅延読み込みを有効にする、の項目です。

 

JetpackはCocoonの機能と被っているものがいくつかあるので、設定を見直してみた方がいいかもしれません。

 

もちろんJetpack以外が原因の可能性もありますが…。


わいひら 件のいいね!
ぐらと
 ぐらと
(@ぐらと)
ゲスト
参加: 3か月 前
投稿: 8
2020年7月14日 19:05  

リフィトリーさんありがとうございます。

 

試しにjetpack側のLazy Load機能を停止させましたが、改善されませんでした。

 

ただ一部サムネイルの画像をサイズが小さいものに差し替えると改善するページがありました。

サムネイルの画像サイズが〜〜以下じゃないと表示されないという設定があるのでしょうか?

 


リフィトリー
(@leafytree)
Noble Memberサイト
参加: 1年 前
投稿: 1882
2020年7月14日 19:48  

@ぐらと さん

前述しましたとおり、私はサムネイルの生成について詳しくないとこに加え、jetpack も一度も使ったことがないので、よくわからないというのが本当のところです。

 

投稿者:: @ぐらと

サムネイルの画像サイズが〜〜以下じゃないと表示されないという設定があるのでしょうか?

いままで、このフォーラムを読んでいると、アイキャッチ画像が小さいために、サムネイルが上手く生成されない、という書き込みは、あったような気がしますが、大きいために上手く生成されない、というのは、読んだ覚えがありません。

 

私だったら、そうですね、怪しそうなプラグインを停止して、以下の方法で、サムネイルの再生成をやってみる、とかでしょうか?

テーマが利用しているサムネイルを再生成して最適化する方法(画像の大きさを揃える)

 

上手くいくかどうかは、ちょっと私には、わかりません。

 

ご自身でも、良く調べて、自己責任にて行動なさってください。

 

 

 

 


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 3年 前
投稿: 10434
わいひら - Facebookわいひら - Twitter
2020年7月14日 19:53  

一応、同様の問題が起きて検索から来た方にもわかりやすいように、問題の部分のスクリーンショットを掲載しておきます。


わいひら
(@yhira)
メンバーサイト Admin
参加: 3年 前
投稿: 10434
わいひら - Facebookわいひら - Twitter
2020年7月14日 19:55  

問題の部分の画像のURLが、以下のようになっています。

ttps://kokomatoblog.com/wp-content/ewww/lazy/placeholder-120x68.png

/ewww/lazy/という文字列から推測するに、EWWW Image OptimizerのLazy Load機能とかがあれば、それが原因なのではないかと思います。


ぐらと
 ぐらと
(@ぐらと)
ゲスト
参加: 3か月 前
投稿: 8
2020年7月15日 01:39  

リフィトリーさん、わいひらさんありがとうございます。

 

わいひらさんのおっしゃるとおりEWWW Image OptimizerのLazy Load機能を外すと画像が表示されました。

 

お手数おかけしました、ありがとうございます。


わいひら 件のいいね!
リフィトリー
(@leafytree)
Noble Memberサイト
参加: 1年 前
投稿: 1882
2020年7月15日 11:21  

@ぐらと さん

EWWW Image Optimizer にも「遅延読み込み」という設定項目があったんですね。

 

私も EWWW Image Optimizer は、使っていますが、もともと遅延させる気がなかったので、全く気付いていませんでした。

 

Cocoonの Lazy Load 機能を有効にしている場合は、プラグイン等の他の Lazy Load、遅延読み込み 機能は使わない方が良いような気がします。

 

Jetpack も同様の機能があるみないなので、そっちも、止めておいた方がよさそうです。

 

menkakaka さんが以下のようなトピックを立てていらっしゃいます。

[解決済] プレビューまたは公開された記事の画像が全部ではなく一部だけ小さくなってしまう件

 


わいひら 件のいいね!
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:1年10ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

Cocoon
タイトルとURLをコピーしました