wordpress評論響應(yīng)式圖片srcset屬性的本身是非常的好了,但是對于小站長不一定實(shí)用了,下面我們來看去除這個(gè)響應(yīng)式圖片srcset屬性的方法.

今天去掉了一下wordpress評論圖片srcset屬性,可能有的小伙伴會問什么是srcset屬性,下面大致講一下.

其目的是為使用不同分辨率的不同瀏覽器用戶提供適合其瀏覽環(huán)境的圖片大小的解決方案,以下代碼是我的評論里的頭像圖片的代碼.

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

低分辨率的顯示屏上顯示的默認(rèn)圖片即src屬性里的圖片,或者沒有辦法識別srcset屬性的瀏覽器也會顯示默認(rèn)圖片.

而srcset中指定的圖片,則會在能識別srcset屬性的瀏覽器中同時(shí)是高分辨率屏幕中顯示.

于是我發(fā)現(xiàn)【留下腳印】頭像加載很慢原因是加載的頭像圖像太多了,默認(rèn)加載完src的圖片還會加載srcset屬性的圖片,于是決定去掉srcset屬性,我個(gè)人感覺沒有必要.

修改主題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'); 

搞定了.