QWordPressでのアイキャッチ画像についての質問です。cocoon…JIN解決済みゆでたまご2022.12.03 16:51WordPressでのアイキャッチ画像についての質問です。cocoonからJINへ変更。 アイキャッチ画像を挿入すると、記事のページで拡大され、ぼやけてしまいます。 JIN変更前にアップロードした画像は問題なし。 メディア設定でサムネイルのサイズを変更しても解決できません。対処方法を教えて頂けると幸いです。共感した 0シェアX（旧 Twitter）FacebookはてなブックマークLINEURL をコピー閲覧数 143回
ユーザー660さん2022.12.04 00:43アイキャッチ画像に 150 × 150 にリサイズされたサムネイルが適用されていますが、例えば「Ewww Image Optimizer」のような画像圧縮用プラグインにて、「リサイズ」タブ設定をいろいろといじったりしていませんでしょうか？ナイス！0
ユーザー660さん2022.12.04 01:12WordPress 管理画面の「メディア」設定も、特にいじったりはしていませんでしょうか？また、記事のアイキャッチ画像を再度設定（再度同じ画像を選択）し直してみた場合はどうなりますか？ナイス！0
ゆでたまごさん質問者2022.12.04 01:19メディア設定について一度サムネイルのサイズを挿入画像のサイズに変更しました。しかし何も変化がなく、元に戻しました。画像を選択し直しても変わりません。テーマ（JIN）変更後よりアップロードした画像が記事のページで拡大され、ぼやけてしまいます。変更前にアップロードした画像は正常に表示されます。ナイス！0
ユーザー660さん2022.12.04 01:30＞一度サムネイルのサイズを挿入画像のサイズに変更しました。▶いつの話でしょうか？これが原因のような気もしますが。原因は不明ですが、とりあえず現状のテーマ「JIN」ではアイキャッチ画像に 150 × 150 にリサイズされたサムネイルが適用されてしまっているがために、記事のアイキャッチ画像がボヤけているように見えてしまっています。再度画像を選択しても直らなかったのであれば、アップロードする画像のサイズを上げてみてはいかがでしょうか。現状は 760 × 428 になっているかと思いますが、WordPress 推奨の最低サイズは 1200 × 675 です。1200 × 675 以上の画像を作成し、アップロードしてみてください。ナイス！0
ゆでたまごさん質問者2022.12.04 01:43サムネイルの変更について今の現象が起きた後です。画像のアップロードについてTwitter広告サイズ（1200×900）で作成し、アップロードしても同じ現象が起きてしまいます。（夜分遅くに申し訳ございません。）ナイス！0
ユーザー660さん2022.12.04 01:54＞Twitter広告サイズ（1200×900）で作成し、アップロードしても同じ現象が起きてしまいます。▶ダメですか。。。ちなみにどちらの記事で試されていますか？functions.php にコードを追記してアイキャッチ画像をフルサイズ（the_post_thumbnail('full')）に強制指定するという方法もなくはないですが、テーマファイルをいじらないといけないのでまだハードルが高いかもしれないですね。とりあえずアイキャッチ画像にサムネイル（150×150）が採用されてしまっているという現象は明らかとなっているので、その内容を元に JIN のフォーラムでご質問されることをオススメします。https://jin-forum.jp/こちらでもほかに解決方法がないか探ってみますね。ナイス！0
ユーザー660さん2022.12.04 01:59ちなみに JIN は過去のテーマアップデートでアイキャッチ画像に関する出力内容の変更が行われているようなので、やはり JIN 公式フォーラムで聞かれた方が早いと思います。https://jin-forum.jp/topic/3916/ナイス！0
ゆでたまごさん質問者2022.12.04 02:02「切るナビ」の記事で何度か試しました。現時点では760 × 428に戻っています。ありがとうございます！とても丁寧な内容で、助かります。JINフォーラムにも問い合わせみます。ナイス！0
ユーザー660さん2022.12.04 02:11念のため確認いただきたいのですが、WordPress の「メディア」設定の「サムネイルのサイズ」にて、「トリミング」云々のチェックボックスにチェックが入っていたりしますか？もしチェックが入っている場合、チェックを外してみてください。そして再度、記事のアイキャッチ画像を設定してみてください。このほかに「Ewww Image Optimizer」が原因かどうかも探るため、「Ewww Image Optimizer」を無効化して、記事のアイキャッチ画像を設定してみてください。いろいろとお手数おかけします。ナイス！0
ユーザー660さん2022.12.04 02:28そうですか。であればやはり、JIN 固有の問題か Cocoon との相性問題の可能性が高いですね。恐れ入りますがこれまでの情報を元に、JIN 公式フォーラムでご質問してみてください。https://jin-forum.jp/topic/3916/ナイス！0
ゆでたまごさん質問者2022.12.04 17:00JINフォーラムへ問い合わせ中で、まだ返答はないのですが…自分でやってみたところ、「Ewww Image Optimizer」→リサイズ→post-thumbnail-150×150（切り抜き）の無効化にチェックをすると、正常に表示されました。この対応で、何か他に支障が出ることはないでしょうか？？ナイス！0
ユーザー660さん2022.12.04 17:23単純に、画像をアップロードした際にサムネイル（150 × 150 ）が作成されなくなります。これで支障が出ないのであれば特に問題はありませんが、仮に別テーマに移行した際などに支障が出てくる可能性はあります。結局は今回の問題の根本的な原因を改善することにはならないため、サムネイル作成の無効化はあまりオススメできません。ナイス！0
ゆでたまごさん質問者2022.12.04 22:20JINフォーラムからご返答あり、解決できました。「投稿のアイキャッチ画像」ブロックを使ってアイキャッチを設定していることが原因だそうです。ブロックからではなく、投稿画面の右側メニューから設定し、正常に表示されました。ここまでご誘導してくださり、ありがとうございました。ナイス！1
ユーザー694さん2022.12.03 21:01ちょっと情報不足で回答が難しいです。該当のページを見せていただくことってできないでしょうか？何かわかるかもしれません。（後でURLを消したい場合はプロフィール欄に書いていただくといいかも）ナイス！0ゆでたまごさん質問者2022.12.04 01:21コメントありがとうございます。プロフィールに貼りました。トップ画面の1番上の記事をご参照下さい。ナイス！0
みんなのコメント 21件
ベストアンサー
アイキャッチ画像に 150 × 150 にリサイズされたサムネイルが適用されていますが、例えば「Ewww Image Optimizer」のような画像圧縮用プラグインにて、「リサイズ」タブ設定をいろいろといじったりしていませんでしょうか？
コメントありがとうございます。
リサイズの設定には触れていません。
確認したところ、1920×1920になっています。
追加です。
リサイズタブでは、既存の画像をリサイズのところにチェックがついています。
それ以外はチェックなし。
WordPress 管理画面の「メディア」設定も、特にいじったりはしていませんでしょうか？
また、記事のアイキャッチ画像を再度設定（再度同じ画像を選択）し直してみた場合はどうなりますか？
メディア設定について
一度サムネイルのサイズを挿入画像のサイズに変更しました。
しかし何も変化がなく、元に戻しました。
画像を選択し直しても変わりません。
テーマ（JIN）変更後よりアップロードした画像が記事のページで拡大され、ぼやけてしまいます。
変更前にアップロードした画像は正常に表示されます。
＞一度サムネイルのサイズを挿入画像のサイズに変更しました。
▶いつの話でしょうか？これが原因のような気もしますが。
原因は不明ですが、とりあえず現状のテーマ「JIN」ではアイキャッチ画像に 150 × 150 にリサイズされたサムネイルが適用されてしまっているがために、記事のアイキャッチ画像がボヤけているように見えてしまっています。
再度画像を選択しても直らなかったのであれば、アップロードする画像のサイズを上げてみてはいかがでしょうか。現状は 760 × 428 になっているかと思いますが、WordPress 推奨の最低サイズは 1200 × 675 です。
1200 × 675 以上の画像を作成し、アップロードしてみてください。
サムネイルの変更について
今の現象が起きた後です。
画像のアップロードについて
Twitter広告サイズ（1200×900）で作成し、アップロードしても同じ現象が起きてしまいます。
（夜分遅くに申し訳ございません。）
＞Twitter広告サイズ（1200×900）で作成し、アップロードしても同じ現象が起きてしまいます。
▶ダメですか。。。ちなみにどちらの記事で試されていますか？
functions.php にコードを追記してアイキャッチ画像をフルサイズ（the_post_thumbnail('full')）に強制指定するという方法もなくはないですが、テーマファイルをいじらないといけないのでまだハードルが高いかもしれないですね。
とりあえずアイキャッチ画像にサムネイル（150×150）が採用されてしまっているという現象は明らかとなっているので、その内容を元に JIN のフォーラムでご質問されることをオススメします。
https://jin-forum.jp/
こちらでもほかに解決方法がないか探ってみますね。
ちなみに JIN は過去のテーマアップデートでアイキャッチ画像に関する出力内容の変更が行われているようなので、やはり JIN 公式フォーラムで聞かれた方が早いと思います。
https://jin-forum.jp/topic/3916/
「切るナビ」の記事で何度か試しました。
現時点では760 × 428に戻っています。
ありがとうございます！
とても丁寧な内容で、助かります。
JINフォーラムにも問い合わせみます。
念のため確認いただきたいのですが、WordPress の「メディア」設定の「サムネイルのサイズ」にて、「トリミング」云々のチェックボックスにチェックが入っていたりしますか？
もしチェックが入っている場合、チェックを外してみてください。そして再度、記事のアイキャッチ画像を設定してみてください。
このほかに「Ewww Image Optimizer」が原因かどうかも探るため、「Ewww Image Optimizer」を無効化して、記事のアイキャッチ画像を設定してみてください。
いろいろとお手数おかけします。
どちらも試してみましたが、変わず…でした。
本当にありがとうございます！
そうですか。であればやはり、JIN 固有の問題か Cocoon との相性問題の可能性が高いですね。
恐れ入りますがこれまでの情報を元に、JIN 公式フォーラムでご質問してみてください。
https://jin-forum.jp/topic/3916/
ありがとうございます！
内容を整理することができ、助かりました。
JINフォーラムへ問い合わせ中で、まだ返答はないのですが…
自分でやってみたところ、
「Ewww Image Optimizer」→リサイズ→post-thumbnail-150×150（切り抜き）の無効化にチェックをすると、正常に表示されました。
この対応で、何か他に支障が出ることはないでしょうか？？
単純に、画像をアップロードした際にサムネイル（150 × 150 ）が作成されなくなります。
これで支障が出ないのであれば特に問題はありませんが、仮に別テーマに移行した際などに支障が出てくる可能性はあります。結局は今回の問題の根本的な原因を改善することにはならないため、サムネイル作成の無効化はあまりオススメできません。
ご丁寧にありがとうございます！
見かけだけの解決ではだめですね…
JINフォーラムからの返信を待つ事にします。
JINフォーラムからご返答あり、解決できました。
「投稿のアイキャッチ画像」ブロックを使ってアイキャッチを設定していることが原因だそうです。
ブロックからではなく、投稿画面の右側メニューから設定し、正常に表示されました。
ここまでご誘導してくださり、ありがとうございました。
ちょっと情報不足で回答が難しいです。
該当のページを見せていただくことってできないでしょうか？
何かわかるかもしれません。
（後でURLを消したい場合はプロフィール欄に書いていただくといいかも）
コメントありがとうございます。
プロフィールに貼りました。
トップ画面の1番上の記事をご参照下さい。
コメントありがとうございます。
プロフィールに貼りました。
トップ画面の1番上の記事をご参照下さい。
あなたの経験や知識を共有しませんか？
ほかのユーザーの相談に、コメントで参加してみましょう。
ログインしてコメントするはじめての方は無料登録