WordPress留言随机本地头像

WordPress 留言头像只能使用  Gravatar 头像而且还拖累网站速度。使用头像插件，只能使用一个特定的头像来给未注册的用户显示头像，过于单调？最好的方法是随机显示留言头像，现在来动手实现吧！

WordPress 插件中，关于头像的插件有很多，但是能够实现随机头像的插件却几乎没有，所以这个功能必须自己动手来实现，方法如下：

实现方法：

WordPress 实现方法很简单，利用如下代码：

JavaScript

 

add_filter( 'get_avatar' , 'local_random_avatar' , 1 , 5 );

function local_random_avatar( $avatar, $id_or_email, $size, $default, $alt) {

    if ( ! empty( $id_or_email->user_id ) ) {

        $avatar = ''.get_template_directory_uri().'/avatar-fruit/admin.png'; // 此处修改链接及图片后缀名

    }else{

        $random = mt_rand(1, 20);   // 此处修改随机头像编号 

        $avatar = ''.get_template_directory_uri().'/avatar-fruit/Fruit-'. $random .'.png';  // 此处修改链接及图片后缀名

    }

    $avatar = "<img alt='{$alt}' src='{$avatar}' class='avatar avatar-{$size} photo' height='{$size}' width='{$size}' />";

    return $avatar;

}

在两条注释的地方修改你自己的图片地址和名称，该有符号的地方要加上符号，随机产生的只有数字，我这里随机数产生范围是（1,20）：

使用相对链接

比如我的系列图片命名是 Fruit-1.png， Fruit-2.png， Fruit-3.png …，并且头像文件夹名称是 avatar-fruit，那么我的图片相对链接地址可以写成：

‘avatar-fruit/Fruit-’ + 随机数 + ‘.png’ 这种形式。

需要注意的是，使用相对链接，这个头像文件夹应该放在当前主题下的根目录，这个很重要！

比如我是用的是 twentythirteen 主题，那么就要放在这个位置：/wp-content/themes/twentythirteen/avatar-fruit/

使用绝对链接

如果你拿捏不准位置，或者经常更换主题，那么使用绝对链接肯定没错：

‘http://nousbuild.org/avatar-fruit/Fruit-’ + 随机数 + ‘.png’ 这种形式。

将以上代码粘贴到 当前主题的functions.php 中，这是个老方法，你可以这样做，但是我建议你按照我下面的操作来做，便于维护和选择执行范围：

安装 Snippets

在 WordPress 插件中搜索并安装插件：Code Snippets

插件地址：点击此处

安装好插件后启用，点击 添加片段 并 新建 一个片段。自己命名并插入相关代码，然后注意一下底部选项：

选项	效果
Run snippets everywhere	在所有页面执行此段代码
Only run on site front-end	仅在前端执行此代码，对后端无影响

建议选择第二项效果更佳，仅在前端执行此代码，实现随机头像效果。

保存执行即可！

但是，这样实现起来会有一定的问题，比如你在已经登陆到 WordPress后台 的时候，访问前端网站，Wordpress 会在顶部显示你的登陆状态，由于前端实行随机头像，导致缩略图和个人头像不一致。

到这里，前端随机头像肯定就实现了，如果你没有成功，尝试检查图片路径的问题。下面是修复一个小问题，如果你不在意也可以不管他，可以到此结束了！

如果还有疑问，可以去首页 www.nousbuild.org 最底端，向我发起QQ咨询。

问题修复：

首先，你得先安装一款 WordPress 头像插件，类似于 WP User Avatar，不用非得安装与我相同的插件，Wordpress 大多数的头像插件都很类似。

WP User Avatar 插件连接：点击进入

进入设置界面，我们需要将 默认头像 此处不选中，但这是个单选框，不能取消选中，我们必须借用浏览器进行修改代码。用 Chrome浏览器 Ctrl + Shift + i 打开检查：

定位到选项位置：

 

将 radio 改为 checkbox，单选框就变成了复选框：

 

然后，退出代码检查模式，下面就很简单了，取消选中并保存即可：

最后，只需在 用户 → 编辑 中设置自己的管理员头像即可，这样一来在前端，WP User Avatar 的优先级比 Snippents 修改的 functions.php 的优先级高，不会出现上类问题。