wordpress去掉评论响应式图片srcset属性

今天去掉了一下wordpress评论图片srcset属性,可能有的小伙伴会问什么是srcset属性,下面大致讲一下
其目的是为使用不同分辨率的不同浏览器用户提供适合其浏览环境的图片大小的解决方案
以下代码是我的评论里的头像图片的代码

<img alt="" src="http://www.phpsong.com/avatar/f5b3c10717e4e3c474593a4d1b6d1325.png" srcset="http://gravatar.duoshuo.com/avatar/f5b3c10717e4e3c474593a4d1b6d1325?s=72&amp;d=http%3A%2F%2Fwww.phpsong.com%2Fwp-content%2Fthemes%2Fxiaosong%2Fimg%2Fdefault.png&amp;r=g 2x" class="avatar avatar-36 photo" height="36" width="36">

低分辨率的显示屏上显示的默认图片即src属性里的图片,或者没有办法识别srcset属性的浏览器也会显示默认图片
而srcset中指定的图片,则会在能识别srcset属性的浏览器中同时是高分辨率屏幕中显示
于是我发现【留下脚印】头像加载很慢原因是加载的头像图像太多了,默认加载完src的图片还会加载srcset属性的图片,于是决定去掉srcset属性,我个人感觉没有必要
修改主题function.php文件

在原来修改头像路径的代码

function dmeng_get_https_avatar($avatar){
  $avatar = str_replace(array("www.gravatar.com", "0.gravatar.com", "1.gravatar.com", "2.gravatar.com"), "gravatar.duoshuo.com", $avatar);
  return $avatar;
}
add_filter('get_avatar', 'dmeng_get_https_avatar');

修改成

function dmeng_get_https_avatar($avatar){
  $avatar = str_replace(array("www.gravatar.com", "0.gravatar.com",   "1.gravatar.com", "2.gravatar.com"), "gravatar.duoshuo.com", $avatar);
  $avatar = preg_replace(array('/srcset=(\'|")(.*)(\'|")/isU'),array(''),$avatar);
  return $avatar;
}
add_filter('get_avatar', 'dmeng_get_https_avatar');

搞定了
修改之后的截图
wordpress去掉评论响应式图片srcset属性代码

昨天百度云520的静态文件的文字,今天早上后台有问题了,之后想办法解决
百度云520


QQ交流群:136351212
查看原文:http://www.phpsong.com/1546.html
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值