HOME > WordPress > imgタグをスッキリさせる!srcset属性の自動挿入を止める方法

imgタグをスッキリさせる!srcset属性の自動挿入を止める方法

srcset属性が自動挿入されることで、JavaScriptが思うように動かなくなったり、ブラウザから警告されたりすることがある。そこで、srcset属性の自動挿入を止める方法をメモ。

フィルターフックをfunctions.phpに記載する。

WordPressサイトでに自動挿入されるsrcset属性。表示する画面サイズに応じて画像を調整してくれるものとの事だが、アップした画像のサイズによって挿入されない場合があるし、SSL化したサイトではsrcはhttps://~で始まるのURLなのにsrcsetはhttp://~で始まるURLとなって、セキュア・セキュアでないURLの混在=安全でないサイトという警告が表示される事態が。

フィルターフックwp_calculate_image_srcset_metaが用意されているという事で、functions.phpに以下の記述を追加すればsrcset属性が記述されなくなりました!

add_filter( 'wp_calculate_image_srcset_meta', '__return_null' );
参考サイト

    Warning: Undefined array key "HTTP_REFERER" in /home/xs241045/ridesign.jp/public_html/lib/wp/wp-content/themes/libridesign2017/single-post.php on line 54

Warning: Undefined array key "HTTP_REFERER" in /home/xs241045/ridesign.jp/public_html/lib/wp/wp-content/themes/ridesignjp2016/relatedLinks.php on line 10