禁用WordPress默认生成响应式图片的功能

当前位置:建站笔记首页 » 搭建网站知识 » 禁用WordPress默认生成响应式图片的功能

本文内容已于 2019/11/01 更新,请放心阅读,如若内容失效请联系我。

前面给网站接入了又拍云加速,使用又拍云给WordPress网站加速,结果今天就碰到了一个bug。

我给禁用WordPress新版编辑器的文章加了张图,然后图片不显示,我看编辑界面图片地址是替换成了又拍云的,但是前台图片不显示。查看源码发现还有博客的资源链接。

图片不显示

<p><img src="https://cdn.wordpressjc.com/wp-content/uploads/2019/04/naibabiji.com_2019-05-06_14-49-40.jpg" alt="禁用Wordpress新版编辑器" width="600" height="377" class="aligncenter size-full wp-image-744" srcset="https://cdn.wordpressjc.com/wp-content/uploads/2019/04/naibabiji.com_2019-05-06_14-49-40.jpg 600w, https://cdn.wordpressjc.com/wp-content/uploads/2019/04/naibabiji.com_2019-05-06_14-49-40-150x94.jpg 150w" sizes="(max-width: 600px) 100vw, 600px" /></p>

可以看到在源代码里面莫名其妙的多了srcset=””和sizes=””两个属性,网址是博客的老地址。

搜了一下,原来是因为Wordpress在4.4版本后就加入了自动设置响应式图片的功能,又拍云插件貌似还不能替换这个地方。所以我们需要禁用这个自动响应式图片属性代码。

禁用WordPress默认生成响应式图片的功能

在函数文件里面添加下面内容保存即可。

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

另外奶爸还测试下,只要图片里面不包含这个class属性,也不会生成响应式图片的属性。

class=”aligncenter size-full wp-image-744″

另外,也有对应的WordPress插件Disable Responsive Images Complete

版权申明
如未注明,均为奶爸笔记原创,码字不易,转载请注明出处及原文链接!
本文标题:《禁用WordPress默认生成响应式图片的功能》
本文链接地址:https://blog.naibabiji.com/jian-zhan-zhi-shi/wordpress-jin-zhi-sheng-chegn-xiang-ying-shi-tu-pian.html
  • QQ群二维码
  • 微信公众号
  • 微信二维码
  • 微信赞赏二维码

你可能感兴趣


交流请加Q群774633089或者加奶爸微信