Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › スマホで画像が荒くなります flickr
-
投稿者投稿
-
-
2016年2月14日 11:42 PM #36512
bakenist
ゲスト使いやすいテーマをお借りしてお世話になっています。
突然の質問で恐縮なのですが、お力を貸していただけませんでしょうか。いつからかわからないのですが、気付いたらスマホでサイトを見ると、画像が荒く表示されるようになってしまいました。(URLは要望により削除)
画像は「flickr」へのリンクにしてあります。
ちょっと前までは、何も問題なかったので色々調べて試してみと、ここのフォーラムや他のサイトなどにも、WP4.4にすると新機能の影響でこの症状が出るので、以下をfunctions.phpに追加すれば解決すると書かれていました。
add_filter(‘wp_calculate_image_srcset’,’__return_false’);
add_filter(‘wp_calculate_image_sizes’,’__return_false’ );しかしながら、子テーマ・親テーマどちらを変更しても改善しません。
試しにWPサーバー上に、画像データを保存し、flickrの時と同サイズにして表示してみるとスマホでも綺麗に表示されます。
先ほどのfunctions.phpの修正はWPサーバー内の画像ファイルのみに有効なようです。サーバーを圧迫したくなので、今後も画像はflickr を利用したいと思っています。
お手数ですがよろしくお願いします。
-
2016年2月14日 11:47 PM #36513
bakenist
ゲストすみません。確認されましたら、できればサイトURLは削除いただけますでしょうか?
-
2016年2月15日 12:33 AM #36514
Hidekichi
ゲストsrcset等が問題なら、jQueryで取っちゃえば良いのではと思います。
ただphotonが入ってるので、こいつを停止しないとダメですね。いつまでも上書きされてしまいます。flickr → wordpress ならsrcsetを取ればオリジナルのまんまですけど、
flickr → photon → wordpressだとすると、wordpressの所でsrcsetをとっても、またphotonのキャッシュを拾ってくるのでいつまでも元のflickrが入らないと思います。あと、以下も付け加えてみてはどうでしょうか?
remove_filter( ‘the_content’, ‘wp_make_content_images_responsive’ );
functions.phpに追記します。
なにか行う場合は、ひとつずつ試していって下さい。何が有効なのかをつかむのにも役立ちますし、元に戻すのも簡単になります。・photonを停止
・jQueryでsrcsetやらsizesを削除(これはphotonが停止されている状態で確認)
・remove_filterをfunctions.phpに追記どれかで行けそうな気がするんですけどね。jQueryはphoton(もしくは他のプラグイン等)で削除したsrcsetが元に戻ってるみたいなので、その親玉を止める必要がある。
jQueryでやる場合のサンプル: srcsetとsizesを取り除く | codepen
これは、#the-contentの中だけ取り除いています。関連記事のサムネイル等をデベロッパーツールで見てもらったらわかると思いますが、#the-content以外の部分の画像にはsrcsetもsizesも入っているかと思います。
-
2016年2月15日 1:34 PM #36520
bakenist
ゲストHidekichiさん
ありがとうございます!
なんとphotonを停止しただけで改善されました!
昨日1日悩んでいたのに、一瞬でなおったので、驚きと感激です!ずっとこのままで大丈夫だったこと、また他に運用しているサイトでは、別テーマではありますが、photonを有効にしていて、WP4.4.2でも問題なく表示できているので、なぜこのサイトだけ突然変わってしまったのか不思議ではありますが、とにかく改善されたので良かったです。
本当にありがとうございました!
-
2016年2月15日 6:07 PM #36532
わいひらキーマスターご要望により、URLは削除しておきました。
-
-
投稿者投稿
- トピック「スマホで画像が荒くなります flickr」には新しい返信をつけることはできません。