WordPress评论头像无法显示 解决gravatar头像被屏蔽

maolai 网站建设WordPress评论头像无法显示 解决gravatar头像被屏蔽已关闭评论463阅读模式

安装wordpress主题后发现评论头像无法显示。因为wordpress程序属于国外,国内屏蔽了Gravatar,这导致国内有的Wordpress网站头像无法显示。如下图头像显示
WordPress评论头像无法显示 解决gravatar头像被屏蔽-图片1

<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">

可以看出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头像被屏蔽-图片2

/**
* WordPress 4.2 修复仪表盘头像错位
* http://www.bokequ.com/310.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
  • 本文由 maolai 发表于 2018年4月25日 14:50:39
  • 转载请务必保留本文链接:http://www.bokequ.com/310.html