Please or 登録 to create posts and topics.

商品画像が拡大表示され画面が切れてしまう

お世話になっております。先日ぽちっぷをイントールさせていただきました。

この度、ぽちっぷで表示される画像がうまく反映されない件についてご質問いたします。

コードについては素人であるため大変恐れ入りますがご確認くださいませ。

 

【症状】 編集時の画面では問題なく表示されておりますが、公開後のぽちっぷを確認したところ、画像が正方形になり、拡大表示され、ぼやけ・上下箇所が切れている状態になっております。(画像添付)

【これまでに試したこと】

  • CSSの上書きを実施。機能せず。主に下記

    .pochipp-box__image

    .pochipp-box__image img {

 

【利用環境】

  • サーバー: ConoHa WING

  • テーマ: SANGO

  • Pochippのバージョン: 1.17.1

 

その他質問も確認したところ、類似の質問は添えられておりませんでしたので、個別環境の要因かもしれないと感じておりますが、

もしご知見ございましたらご教示いただけますと幸いです。

 

何卒よろしくお願いいたします。

アップロードファイル:
  • スクリーンショット-2025-09-15-1.09.04.png
  • スクリーンショット-2025-09-15-1.09.55.png

ご連絡ありがとうございます。

こちらの件ですが、おそらく外部のCSSが当たっているためと思われるので、いただいた情報のみだと原因がわからない状態です。

お手数ですが、該当ページのURLをいただきたいと思っているのですが可能でしょうか?(作業完了後は削除いただいて構いません)

よろしくお願いします。

ご返信ありがとうございます。

該当URLは下記になります。

https://highiglog.com/oversea-jobhunt-exp/embassy-test-failed/

 

別途必要な情報があればまたお伝えいただけますと幸いです。

よろしくお願いします。

こちら画像のurlが以下のようになっており、楽天から取得した画像パスと異なる値になってそうです。

https://i0.wp.com/thumbnail.image.rakuten.co.jp/%400_mall/book/cabinet/3960/9784757433960_1_2.jpg?resize=120%2C120&ssl=1

以下の情報が正確かはわかりませんが、Jetpackの画像パフォーマンスの機能をオフにすると改善したとの声があるので、確認いただけますか?

[WordPress] アイキャッチのURLにi0.wp.comが追加される

highig0216 has reacted to this post.
highig0216

ななななおりました!!!!!!すごいいいいいいい!!!!

ありがとうございます!!

Jetpackが邪魔しているのは完全に盲点でした。。。

同様のケースに直面された方に向け、スクショにて変更箇所のタブがある場所を添付しておきます。

 

改めてありがとうございました!

アップロードファイル:
  • スクリーンショット-2025-09-18-21.00.03.png
ひろ has reacted to this post.
ひろ

おお、改善されたんですね!良かったです!

もしなにかございましたら改めてご連絡ください。

今後もどうぞよろしくお願いしますmm