WordPress留言随机本地头像

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

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

实现方法:

WordPress 实现方法很简单,利用如下代码:

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;
}

在两条注释的地方修改你自己的图片地址和名称,该有符号的地方要加上符号,随机产生的只有数字:

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

安装 Snippets

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

插件地址:点击此处

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

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

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

保存执行即可!

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

问题修复:

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

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

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

定位到选项位置:

radio 改为 checkbox,单选框就变成了复选框:

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

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

WordPress留言随机本地头像》有2个想法

发表评论

电子邮件地址不会被公开。