古きブロガーだからいまだにクラシックエディターのサイトとかあって、そうすると商品リンクはRinkerなんですよね。（Kaerebaほど古くはないけど、ぽちっぷにはできない）
で、せやかて高速化とかしてるとWP-Rocketが入ってたりして、その辺の兼ね合いでRinkerの商品画像が出ない問題が発生していました。
これが知り合いのエンジニア（本人はデザイナーだから！って言ってるけどめっちゃエンジニアとしても強い）に聞いてもうまく解決できなくて、地味にずっと困ってたやつだったんですが、遅延読み込みの除外でうまくいきました。
みたいな話の備忘録。
クラシックJINでRinkerの商品画像出ない問題
CMSはWordPress、テーマはJIN（小テーマでJIN-Child）、クラシックエディターみたいな昔（2018年くらい）に流行ったナウイブロガーサイトの構成があって、それでいつからかRinkerの画像が出なくなってました。
イメージこんな感じ↓
で、これが多分キャッシュだよなーみたいな感じで、ただ完全には出てないわけでもないみたいで、時間が経つと表示されたりして厄介でした。
（エラーとかになってるわけではないけど、普通に読んでるとまず画像は見えない）
このサイトにはWP-Rocketという有料の速くするやつが入っていた・・。
Rinekrの画像でなくなる問題の解決策はWP-Rocketの除外
解決策としては以下。
WP-Rocketの設定の中に遅延読み込みの除外エリアがあるので、ここにyyi-rinker-main-imgを追加。
これで行けんじゃね？って思ってやってみたらいけた。
なんならすでに１つ入ってるからこれによって事象が発生した説もワンチャンあるかも。
Tips：こういう時にChatGPT的なものに教えてもらう方法
自分もそんなに詳しいわけではなくて、Rinkerの画像のクラスどこだよ！みたいになったわけですが、そういう時はAIに聞くと助けてくれます。
聞き方として、safariかなんかで該当ページを開いて、該当部分をビーッとやって「要素の詳細を表示」
すると、それっぽい部分がどんなコードで出てるかが見えてくるので、その辺をコピって、ChatGPTに「ちなみにRinkerの画像のコードはこれみたいなんだ。わかるかい？」みたいに聞くと教えてくれる。
できるやつだぜ。
おわり。
コメント