为了文章浏览美观,更好表达文章内容,我们编辑文章有时会插入图片;默认情况下,插入的图片需要选择尺寸,这样图片插入时会附加 width 和 height 两个属性,也就是说图片的长宽都被赋值了;本无伤大雅,不过当我们屏幕大小改变后,这两个属性值的存在就会使图片拉伸,影响到图片显示的自适应,进而影响文章的阅读效果。
如何去除插入的图片的 width 和 height 属性,编辑 functions.php 文件,加入以下 php 语句即可解决:
add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 );
add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 );
function remove_width_attribute( $html ) {
$html = preg_replace( '/(width|height)="\d*"\s/', "", $html );
return $html;
}
编辑完保存后,再去编辑文章插入图片,点击文本,看看 img 的width 和 height 属性是不是不在了!