子比主题使用Cravatar代替原有头像

问题简介

由于子比主题使用了自有的头像方案，完全屏蔽Gravatar，所以也不支持Cravatar，在使用博客的过程中发现很多人互访留言是不会登陆的，因此在这种情况下是无法获取用户头像的，只能使用一个默认的头像。

为了彻底解决这个问题，使其支持Gravatar或者Cravatar需要修改主题文件内的几段代码，本站现已修改完成，具体效果可看评论区或者主页最近评论模块，关于 Cravatar 的更多信息可以访问 Cravatar 官网。

修改 zib-theme.php

/www/wwwroot/chenyan98.cn/wp-content/themes/zibll/inc/functions 这个目录下的 zib-theme.php 这个文件里边定义了获取头像和返回头像数据的方法，因此需要首先修改。

修改 zib_get_avatar 方法

将该文件内的 zib_get_avatar 这个方法整体替换成下边的代码就可以获取 Cravatar 头像，替换之后WordPress的后台就能够正常的显示头像了，前台的显示需要修改其它文件，这里暂先时不管。

function zib_get_avatar($avatar, $user_id, $args) { $custom_avatar = get_user_meta($user_id, 'custom_avatar', true); $alt = get_the_author_meta('nickname', $user_id) . '的头像' . _get_delimiter() . get_bloginfo('name'); $avatar = $custom_avatar ? $custom_avatar : zib_default_avatar(); $avatar = preg_replace("/^(https:|http:)/", "", $avatar); if ( empty( $avatar ) ) { // 邮箱转小写并去除首尾空格 $address = strtolower( trim( $user_id->comment_author_email ) ); // 获取邮箱的MD5哈希值 $hash = md5( $address ); // 拼接出最终的头像URL $avatar = 'https://cravatar.cn/avatar/' . $hash . '?s=200&d=mp'; } $avatar = '<img alt="' . esc_attr($alt) . '" src="'%20.%20esc_url($avatar)%20.%20'" class="lazyload avatar avatar-' . esc_attr($args['size']) . '" height="' . esc_attr($args['size']) . '" width="' . esc_attr($args['size']) . '">'; return $avatar; }

该方法在原文件的363行左右

修改 zib_get_data_avatar 方法

修改此处的原因是子比主题后台user_id是评论的对象，前台是用户ID，为了使前台能够正常的显示Cravatar头像，评论模板里调用 zib_get_data_avatar 这个方法时要么传入评论对象要么传入用户邮箱，我这边选择了传入评论对象。

致命错误：未捕获的错误：类WP_Comment的对象无法在/www/wwwroot/chenyan98.cn/wp-content/object-cache.php:2045中转换为字符串堆栈跟踪：#0 /www/wwwroot/chenyan98.cn /wp-content/object-cache.php(2045): str_replace() #1 /www/wwwroot/chenyan98.cn/wp-content/object-cache.php(2030): WP_Object_Cache->sanitize_key_part() #2 / www/wwwroot/chenyan98.cn/wp-content/object-cache.php(1419): WP_Object_Cache->build_key() #3 /www/wwwroot/chenyan98.cn/wp-content/object-cache.php(114) : WP_Object_Cache->get() #4 /www/wwwroot/chenyan98.cn/wp-content/themes/zibll/inc/functions/zib-theme.php(349): wp_cache_get() #5 /www/wwwroot/chenyan98 .cn/wp-content/themes/zibll/inc/functions/zib-comments-list.php(44): zib_get_data_avatar() #6 /www/wwwroot/chenyan98.cn/wp-content/themes/zibll/inc/函数/zib-comments-list.php(18): zib_get_comments_list() #7 /www/wwwroot/chenyan98.cn/wp-includes/class-walker-comment.php(179): zib_comments_list() #8 /www/ wwwroot/chenyan98.cn/wp-includes/class-wp- walker.php(144): Walker_Comment->star in /www/wwwroot/chenyan98.cn/wp-content/object-cache.php on line 2045 

关于报错的解释：

直接将$comment传入获取头像的函数与 Redis-Object-Cache冲突会有导致网站访问异常，打开WordPress的调试模式可以看到上边的报错信息，因此如果你的网站也使用了 Redis-Object-Cache 这个插件的话下面 zib_get_data_avatar 这个方法中有关 wp_cache 的行需要注释掉。

function zib_get_data_avatar($user_id = '', $size = '', $alt = '') { $args = array( 'size' => $size, 'height' => $size, 'width' => $size, 'alt' => $alt, ); // 由于将$comment传入获取头像的函数与 Redis-Object-Cache冲突，此处的缓存设置需要注释掉直接对$avatar进行赋值 // $cache = wp_cache_get($user_id, 'user_avatar', true); // if ($cache === false) { // $avatar = zib_get_avatar(null, $user_id, $args); // wp_cache_set($user_id, $avatar, 'user_avatar'); // } else { // $avatar = $cache; // } $avatar = zib_get_avatar(null, $user_id, $args); if (_pz('lazy_avatar')) { $avatar = str_replace(' src=', ' src="'%20.%20zib_default_avatar()%20.%20'" data-src=', $avatar); } return $avatar; }

该方法在原文件的341行左右

修改 zib-comments-list.php

/www/wwwroot/chenyan98.cn/wp-content/themes/zibll/inc/functions 这个目录下的 zib-comments-list.php 这个文件定义了评论相关的内容，主要涉及前台评论模板的相关功能。

在子比主题评论模板文件中可以看到最终调用的就是 zib_get_comments_list 这个方法，该方法又调用了zib_get_data_avatar 这个方法，默认传入的参数是 $user_id ,这里需要将其改为 $comment，由于评论分为主评论和次评论再加上最近评论小组件，本文件内共有三处需要修改，这里仅对修改过的代码片段进行截取，如果要手动修改可在该文件内搜索 zib_get_data_avatar 对该方法的参数进行替换。

//一级评论头像显示框 if (!$comment->comment_parent > 0) { $html .= '<li>'; $html .= '<div class="comt-avatar relative">' . zib_get_data_avatar($comment) . $vip_icon . '</div>'; $html .= '</li>'; }

//次级评论头像显示框 if ($comment->comment_parent > 0) { $author_link = '<div class="comt-avatar-mini mr10 relative">' . zib_get_data_avatar($comment) . $vip_icon . '</div>' . $author_link; }

//posts-mini的头像框最近评论小组件，直接将评论主体传递过去 $avatar = '<div class="avatar-img">' . zib_get_data_avatar($comment, '22') . $vip_icon . '</div>';

直接进行文件替换（推荐）

/www/wwwroot/你的域名/wp-content/themes/zibll/inc/functions，两个文件都在这个目录下，上面是按照解决问题的思路一步步分析给出了所有修改过的地方，考虑到一个一个修改比较麻烦，这里给出修改好的文件，可以到对应的目录自行替换。

链接：https://pan.baidu.com/s/1yKTGhmekQwxvIVZYDKS2lw
提取码：x6r0

原文链接：https://chenyan98.cn/2238.html