使用https访问不显示图片的问题已解决

yalewoo 最后修改于 2017-03-17 发表于 2017-03-17 8,830 views 0

杂谈 https

由于雅乐网使用的七牛云存储的图片外链是使用http协议的，因此使用https协议访问时不会显示小绿锁的。

然后发现使用https访问文章页图片不会显示，但是首页的图片却能显示。

观察发现，文章页图片的标签中多了

srcset=".../1.jpg 300w, .../1.jpg 768w, .../1.jpg 606w, .../1_1-624x1055.jpg 624w"
sizes="(max-width: 1407px) 100vw, 1407px"

1 2	srcset=".../1.jpg 300w, .../1.jpg 768w, .../1.jpg 606w, .../1_1-624x1055.jpg 624w" sizes="(max-width: 1407px) 100vw, 1407px"

这些属性

这是wordpress4.4版本后新增的图片自响应的设计，可以根据浏览者浏览器窗口大小来调整图片的大小。

但是为什么有这些属性在https下面图片就不显示了呢。。。

去掉这些属性后貌似https访问页面的图片就可以正常显示了

去掉的方法是在主题的function.php中添加一句

//wordpress禁用图片属性srcset和sizes   
add_filter( 'max_srcset_image_width', create_function('', 'return 1;' ) );

1 2	//wordpress禁用图片属性srcset和sizes add_filter( 'max_srcset_image_width', create_function('', 'return 1;' ) );

雅乐网