post

禁用WordPress响应式图片属性srcset和sizes

最近升级了WordPress到新版本 4.4.1,结果发现博客上的图片显示不出来了,经过排查是由于 WordPress 4.4 开始新增了响应式图片属性 srcset和sizes。由于我博客的图片都在又拍云上,本地是没有的,所以造成了图片不显示。

禁用wordpress的srcset和sizes

禁用wordpress的srcset和sizes

对于我的问题,最好的方法就是找到源码,将图片的路径修改成正确的。

还有一个快速的方法就是禁用响应式图片属性srcset和sizes,如果遇到类似的问题也可以这么处理。

方法:
在主题的 functions.php 文件末尾追加下面的函数

//disable srcset on images
function disable_srcset( $sources ) {
	return false;
}
add_filter( 'wp_calculate_image_srcset', 'disable_srcset' );

srcset和sizes 这两个属性的功能还是挺强大的,实现了在移动设备上分级显示图片,大大提高了载入速度,相当方便。

· 166 次浏览