ブログ

WordPress5.5.0以降での画像タグのwidth、height属性の削除
2020.09.10

WordPressで挿入した画像のHTMLタグを見ると、自動的にwidth属性とheight属性が記述されてしまい、RWD（レスポンシブ・ウェブ・デザイン）対応の観点からすると、デバイスによって画像が意図せずに縦長になるといった支障が出てしまいます。

そこで、<img>タグのwidth属性とheight属性を出力しないように、functions.phpにてフィルターをフックして対処することができていたのですが、最近のWordPressのバージョンアップでうまくいかなくなっていました。

WordPressのバージョン5.5.0から次のフィルターが追加になっており、シンプルな記述が可能となっていました。

add_filter( 'wp_img_tag_add_width_and_height_attr', '__return_false' );

参考サイト
WordPress.ORG : Code Reference : wp_img_tag_add_width_and_height_attr()
https://developer.wordpress.org/reference/functions/wp_img_tag_add_width_and_height_attr/

WordPressの画像に追加されるwidthとheightを削除する方法
https://techmemo.biz/wordpress/wp-img-tag-add-width-and-height-attr/

以上、お役に立てれば幸いです。