今天 boke112 导航介绍了一款支持中英文用户名首字母为WordPress评论头像插件,看到那些没有 Gravatar 头像的用户,都变成了昵称首字母头像,看起来比起原先呆呆的默认头像生动很多,所以决定把这个功能移植到 Nana 主题中,下面跟大家分享一下具体的教程。
PS:V3.14 及以上的版本 Nana 主题已经集成了字母头像,所以可以直接忽略本文。
1、点击下载素材压缩包,解压后可以获得 default、opensans 和 roboto 三个头像的文件夹和 zimutouxiang.php 文件,接着我们只需要将其中一个头像文件夹(比如 default)上传到主题所在的 images 文件夹内,并修改 zimutouxiang.php 文件121行中的头像路径(/images/default/),然后上传到 inc\functions 文件夹中。
PS:这个头像文件夹和 zimutouxiang.php 文件都可以上传到所使用主题的其他位置,只要记得修改 zimutouxiang.php 文件里面的头像路径和 functions.php 文件中引入 zimutouxiang.php 文件的路径即可。
2、打开 Nana 主题的 functions.php 文件,在269行之后或其他位置引入字母头像函数。
- // 字母头像
- require get_template_directory() . '/inc/functions/zimutouxiang.php';
接着找到以下代码
- $txdf = get_bloginfo('template_url'). '/avatar/default.jpg';
修改为
- $txdf = tt_touxiang_generate_first_letter_uri($alt,128);
其中$alt为评论昵称,128 为字母头像尺寸,可修改为其他数字。
保存并更新 functions.php 文件后,即可成功修改 Nana 主题中评论的默认头像为字母头像。
以上方法适用于懿古今其他使用了 Gravatar 头像本地化缓存的主题,其他 WordPress 主题我想应该也是大同小异的。
如果你的主题已经重新定义过评论头像的,只需要跟本文一样只需要修改其中的默认头像即可;如果没有重新定义评论头像,想全部输出字母头像,只需要在输出字母头像的地方使用 tt_touxiang_generate_first_letter_uri($alt,128) 函数即可。如果又不重新定义评论头像函数,又想实现存在 Gravatar 头像时输出 Gravatar 头像,不存在时输出字母头像,建议直接安装插件,或者直接把插件的代码文件引入到主题中使用。
PS:懿古今和 boke112 导航已经根据本文的方法实现了评论默认头像变成字母头像,具体效果请自行查看。
发表于2017-05-11 16:18 沙发
[赞] 非常赞,晚上回去有的折腾了~
@龙笑天如果原先没有使用头像缓存的,可能方法不一样,不过道理是一样的,你可以折腾试试
@龙笑天感觉和你的头像差不多。 [偷笑]
@橘子书这个比随机头像高级一些哦~
发表于2017-05-11 18:54 板凳
这样显示头像也很不错
@马超金博客[偷笑] 这样看起来比较有活力
发表于2017-05-11 21:47 地板
这样也不错,不在单调了。
@热腾网是的,比如统一的默认头像确实生动很多
发表于2017-05-11 22:39 4楼
这样就可以消灭恶心的默认头像了!
@Koolight是的,这样比起都是一样的默认头像好看多了,特别是读者墙里面的头像,舒服多了
发表于2017-05-12 09:10 5楼
功能不错
发表于2017-05-12 11:26 6楼
6666,最近不想折腾网站了。还是以内容为主
@小C博客这个才是王道,我也是偶尔折腾一下而已
发表于2017-05-12 19:42 7楼
好不错的,让默认头像更有特色
@闲鱼[呲牙] 这个字母头像比起默认的头像确实生动很多
发表于2017-05-13 10:28 8楼
小站对页脚做了以下改动,将wordpress改成了备案,但保留了nana主题,请前往小站看一下是否有版权问题。
@木一使用了Nana主题的,只需要保留主题版权链接即可,或者赞助20元以上可以直接去除版权信息
发表于2017-05-13 14:13 9楼
哈哈,我再来支持一下博主。没想到自己竟然上墙了。
@无忧[呲牙] 刚好截图到,纯属巧合
发表于2017-05-13 14:21 10楼
修改图像尺寸是不是要把原图片的尺寸改成需要的尺寸?比如32*32的,得把48*48的全部改成32*32的?
@黄良钵博客默认最小就是48,你想用到32,其实可以通过CSS代码控制的,没必要去折腾图片尺寸
发表于2017-05-13 19:32 11楼
被误怎么回事
发表于2017-05-14 00:02 12楼
居然是图片版的,我还以为直接是字母在中间的纯CSS版呢
@灰狼另外不得不说,你的代码写得够可以。。。注释也有双语版
@灰狼[偷笑] 那个自动转换文件不是我写的,是插件里面的代码,只是提取了我们所需要的部分功能而已
@灰狼这个想法可以有,有空你可以折腾试试
@懿古今看了插件,有那么多图片,觉得很没必要,文字都转换了,不如图片也省了
发表于2017-05-14 11:30 13楼
这个功能不错 呵呵
发表于2017-07-03 03:21 14楼
我是来看看自己的头像的,顺便问下,为什么有的头像可以变成字母头像,而有的还是不显示呢?是不是哪里的代码没有调试好?我完全按照文章所说修改的,应该不会出错
@康乐民博客正确添加的话应该都没有问题,下次我升级Nana主题的时候顺便集成进去吧
发表于2020-02-25 10:17 15楼
不错学习了,正好是需要的。