今天打开自己的博客发现所有的图片都不显示了,如下图:

WordPress生成本地srcset/sizes响应式图片属性导致七牛云图片不显示问题解决办法-冯金伟博客园

感觉十分奇怪,因为博客的图片都使用了七牛云存储,不应该这么容易出问题的。

查了一下代码,图片属性多了一些代码:

WordPress生成本地srcset/sizes响应式图片属性导致七牛云图片不显示问题解决办法-冯金伟博客园

百度了一下,说是wordpress响应式图片功能导致的。WordPress 4.4开始,将可以根据不同的条件(屏幕大小、可视区大小 和 屏幕分辨率等)为用户显示不同大小的图片。也就是说图片在超过多大的时候会自动生成本地地址srcset和sizes属性。这里我们需要禁止掉才可以。

[php]

//禁止响应式图片(itbulu.com)
function disable_srcset( $sources ) {
return false;
}
add_filter( ‘wp_calculate_image_srcset’, ‘disable_srcset’ );

[/php]

添加到当前主题Functions.php文件中,刷新缓存,即可解决问题。