WordPress評論頭像無法顯示 解決gravatar頭像被屏蔽

2018年4月25日14:34:25 發表評論

阿里云服務器

安裝wordpress主題后發現評論頭像無法顯示。因為wordpress程序屬于國外,國內屏蔽了Gravatar,這導致國內有的Wordpress網站頭像無法顯示。如下圖頭像顯示
WordPress評論頭像無法顯示 解決gravatar頭像被屏蔽

<img alt="" data-original="http://0.gravatar.com/avatar/30d39126ec95ba3b703696e17c7432ab?s=54&amp;d=http%3A%2F%2F127.0.0.1%2Fwp-content%2Fthemes%2FGit-master%2Fimg%2Fdefault.png&amp;r=g" srcset="http://0.gravatar.com/avatar/30d39126ec95ba3b703696e17c7432ab?s=108&amp;d=http%3A%2F%2F127.0.0.1%2Fwp-content%2Fthemes%2FGit-master%2Fimg%2Fdefault.png&amp;r=g 2x" class="avatar avatar-54 photo" height="54" width="54" src="http://127.0.0.1/wp-content/themes/Git-master/img/default.png" alt="WordPress評論頭像無法顯示 解決gravatar頭像被屏蔽">

可以看出0.gravatar.com,1.gravatar.com等網址有時無法訪問,導致無法讀取頭像。

這里介紹解決wordpress頭像不能顯示的一個方法。在wordpress主題-外觀-編輯中,打開functions.php文件,把以下代碼復制放到該文件中保存即可。

//評論頭像gravatar顯示
function get_ssl_avatar($avatar) {
$avatar = preg_replace('/.*\/avatar\/(.*)\?s=([\d]+)&.*/','<img src="http://cn.gravatar.com/avatar/$1?s=$2" class="avatar avatar-$2" height="50" width="50">',$avatar);
return $avatar;
}
add_filter('get_avatar', 'get_ssl_avatar');

代碼中的鏈接地址http://cn.gravatar.com/也可以換成https://secure.gravatar.com/。這兩個Gravatar頭像地址都能訪問。

解決wordpress儀表盤頭像錯位

另外,從WordPress4.2開始,儀表盤的“活動”小工具的頭像有的會出現撐破現象,如下圖:主要是width和height設置問題;將下面的代碼添加到主題的functions.php保存即可解決gravatar頭像撐破問題。
WordPress評論頭像無法顯示 解決gravatar頭像被屏蔽

/**
* WordPress 4.2 修復儀表盤頭像錯位
* https://www.wpdaxue.com/disable-emoji.html
*/
function fixed_activity_widget_avatar_style(){
echo '<style type="text/css">
#activity-widget #the-comment-list .avatar {
position: absolute;
top: 13px;
width: 50px;
height: 50px;
}
</style>';
}
add_action('admin_head', 'fixed_activity_widget_avatar_style' );

以上就是wordpress的評論頭像 Gravatar頭像打不開解決方法,歡迎交流。

maolai

發表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: