最新消息:欢迎加入小松的QQ群一起讨论一起学习,本站启用elasticsearch全文检索系统,提供搜索的精确度

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

PHP 860浏览 0评论

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

<img alt="" src="https://static.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

如无特别说明,本站文章皆为原创,若要转载,务必请注明以下原文信息:
转载保留版权:小松博客» wordpress去掉评论响应式图片srcset属性
本文链接地址:https://www.phpsong.com/1546.html

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
木有头像就木有JJ!点这里按步骤申请Gravatar头像吧!