禁止WordPress图片自动添加width和height属性

WordPress文章中从媒体库插入图片的时候，img标签会自动添加width和height属性，下面的HTML代码就是在插入图片时自动添加的高度和宽度属性。这样的话，图片可能就会变形。影响阅读体验，尤其是在手机上，图片超过屏幕大小，影响文章的整体性和可读性。

<img src="https://lerm.net/wp-content/uploads/2015/11/child-abduction.jpg" alt="child abduction" width="1022" height="489" class="aligncenter size-full wp-image-512" />

如何解决这个问题，使文章中的图片自适性屏幕大小，以及我们可以用两种方法实现，

方法一

在后台WordPress主题编辑模板函数（functions.php）文件，在文件最后面添加如下代码：

//移除img标签自动高度和宽度。
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属性，从而实现自适性的目的。

// 自适应图片删除width和height，by Ludou
function ludou_remove_width_height_attribute($content){
  preg_match_all("/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png\.bmp]))[\'|\"].*?[\/]?>/", $content, $images);
  if(!empty($images)) {
    foreach($images[0] as $index => $value){
      $new_img = preg_replace('/(width|height)="\d*"\s/', "", $images[0][$index]);
      $content = str_replace($images[0][$index], $new_img, $content);
    }
  }
  return $content;
}
// 判断是否是移动设备浏览
if(wp_is_mobile()) {
// 删除文章内容中img的width和height属性
  add_filter('the_content', 'ludou_remove_width_height_attribute', 99);
} 

现在看看文章中的图片是否是我们想要的效果。（via脚本之家）。