首页 搭建网站知识 标准文章

标准文章

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

前面给网站接入了又拍云加速,使用又拍云给WordPress网站加速,结果今天就碰到了一个bug。 我给禁用WordPress新版编辑器的文章加了张图,然后图片不显示,我看编辑界面图片地址是替换成了又拍云的,但是前台图片不显示。查看源码发现还有博客的资源链接…

更新于 2019年11月1日 约 3 分钟阅读
禁用WordPress默认生成响应式图片的功能

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

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

图片不显示

<p><img src="https://edgeone.naibabiji.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://edgeone.naibabiji.com/wp-content/uploads/2019/04/naibabiji.com_2019-05-06_14-49-40.jpg 600w, https://edgeone.naibabiji.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

给本文打分 post
上一篇 给WordPress评论中的Gravatar头像图片添加ALT属性 继续阅读同一时间线附近的内容。 下一篇 给网站标签页非活动状态添加特定文字的标题显示 查看下一篇相关教程或经验。

AI 建站助手

🤖
您好!我是奶爸建站笔记 AI 助手,有什么可以帮您的吗?
快速咨询: