一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2015-11-03 编辑:简简单单 来源:一聚教程网

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

低分辨率的显示屏上显示的默认图片即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');
搞定了

热门栏目