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; //Vevb.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'); 

搞定了.