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

maolai 94次浏览 1个评论

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

<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头像撑破问题。
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博客编辑整理发布,欢迎分享,转载请注明出处!
喜欢 (0)
支付宝
分享 (0)
maolai
关于作者:
无折腾,不生活。一个爱折腾,爱分享的90后,欢迎你认识我,我是MAOLAI。
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 这里真心不错,每次来都有新收获!
    大喜2018-08-15 14:25 (7天前)回复 Windows 7 | 搜狗浏览器 2.X