wordpress评论响应式图片srcset属性的本身是非常的好了,但是对于小站长不一定实用了,下面我们来看去除这个响应式图片srcset属性的方法.

今天去掉了一下wordpress评论图片srcset属性,可能有的小伙伴会问什么是srcset属性,下面大致讲一下.

其目的是为使用不同分辨率的不同浏览器用户提供适合其浏览环境的图片大小的解决方案,以下代码是我的评论里的头像图片的代码.

1. <img alt="" src="5.png" srcset="h25?s=72&amp;d=" class="avatar avatar-36 photo" height="36" width="36"> 

低分辨率的显示屏上显示的默认图片即src属性里的图片,或者没有办法识别srcset属性的浏览器也会显示默认图片.

而srcset中指定的图片,则会在能识别srcset属性的浏览器中同时是高分辨率屏幕中显示.

于是我发现【留下脚印】头像加载很慢原因是加载的头像图像太多了,默认加载完src的图片还会加载srcset属性的图片,于是决定去掉srcset属性,我个人感觉没有必要.

修改主题function.php文件,在原来修改头像路径的代码:

1. function dmeng_get_https_avatar($avatar){ 
2. 　　$avatar = str_replace(array("www.gravatar.com", "0.gravatar.com", "1.gravatar.com", "2.gravatar.com"), "gravatar.duoshuo.com", $avatar); 
3. 　　return $avatar; //phpfensi.com 
4. } 
5. add_filter('get_avatar', 'dmeng_get_https_avatar'); 
6. //修改成: 
7. function dmeng_get_https_avatar($avatar){ 
8. 　　$avatar = str_replace(array("www.gravatar.com", "0.gravatar.com", 　　"1.gravatar.com", "2.gravatar.com"), "gravatar.duoshuo.com", $avatar); 
9. 　　$avatar = preg_replace(array('/srcset=(\'|")(.*)(\'|")/isU'),array(''),$avatar); 
10. 　　return $avatar; 
11. } 
12. add_filter('get_avatar', 'dmeng_get_https_avatar'); 

搞定了.

Tags: wordpress去评论 图片srcset

分享到：