WordPressでは画像のsizes属性の値を自動で書き込んでくれますが、ビューポートの幅がテーマの幅を超えたとき、高解像度用に用意している大きな画像を読み込んでしまいます。
テーマの幅、1000pxを最大として、
(max-width:1000px) 100vw, 1000px
を割り当てるため
php
1function custom_wp_calculate_image_sizes( $sizes, $size ) { 2 return "(max-width:1000px)100vw, 1000px"; 3} 4add_filter('wp_calculate_image_sizes', 'custom_wp_calculate_image_sizes', 10 , 2);
としましたが、これでは小さな画像に対しても1000pxが適応されてしまいます。
・1000px以上の画像は(max-width:1000px) 100vw, 1000px、
・それ以外の画像はWordPress既定の動作
とするにはどうすればよいでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/12/20 04:31