纯代码替换Nana主题评论默认头像为字母头像

 懿古今   2017-07-03 16:50:47 更新  技术文档

今天 boke112 导航介绍了一款支持中英文用户名首字母为WordPress评论头像插件，看到那些没有 Gravatar 头像的用户，都变成了昵称首字母头像，看起来比起原先呆呆的默认头像生动很多，所以决定把这个功能移植到 Nana 主题中，下面跟大家分享一下具体的教程。

PS：V3.14 及以上的版本 Nana 主题已经集成了字母头像，所以可以直接忽略本文。

纯代码替换Nana主题评论默认头像为字母头像 - 第1张 - 懿古今(www.yigujin.cn)

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行之后或其他位置引入字母头像函数。

  1. // 字母头像
  2. require get_template_directory() . '/inc/functions/zimutouxiang.php';

接着找到以下代码

  1. $txdf = get_bloginfo('template_url'). '/avatar/default.jpg';

修改为

  1. $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 导航已经根据本文的方法实现了评论默认头像变成字母头像，具体效果请自行查看。

本文地址：https://www.yigujin.cn/1204.html

你可能感兴趣的文章

文章标签： ,   ,   ,  
版权声明：本文为原创文章，版权归 懿古今 所有，欢迎分享本文，转载请保留出处！发布此文是出于传递更多信息之目的，若有来源标注错误或侵犯了您的合法权益，请发邮件至[email protected]，确认后马上更正、删除，谢谢！

发表评论

  1. 龙笑天
    龙笑天 @回复
    发表于2017-05-11 16:18  沙发

    [赞] 非常赞，晚上回去有的折腾了~

    • 懿古今
      懿古今2017-05-11 16:19  回复

      @龙笑天如果原先没有使用头像缓存的，可能方法不一样，不过道理是一样的，你可以折腾试试

    • 橘子书
      橘子书2017-05-12 09:47  回复

      @龙笑天感觉和你的头像差不多。 [偷笑]

  2. 马超金博客
    马超金博客 @回复
    发表于2017-05-11 18:54  板凳

    这样显示头像也很不错

  3. 热腾网
    热腾网 @回复
    发表于2017-05-11 21:47  地板

    这样也不错，不在单调了。

    • 懿古今
      懿古今2017-05-12 10:06  回复

      @热腾网是的，比如统一的默认头像确实生动很多

  4. Koolight
    Koolight @回复
    发表于2017-05-11 22:39  4楼

    这样就可以消灭恶心的默认头像了！

    • 懿古今
      懿古今2017-05-12 10:05  回复

      @Koolight是的，这样比起都是一样的默认头像好看多了，特别是读者墙里面的头像，舒服多了

  5. 任丰华
    任丰华 @回复
    发表于2017-05-12 09:10  5楼

    功能不错

  6. 小C博客
    小C博客 @回复
    发表于2017-05-12 11:26  6楼

    6666，最近不想折腾网站了。还是以内容为主

  7. 闲鱼
    闲鱼 @回复
    发表于2017-05-12 19:42  7楼

    好不错的，让默认头像更有特色

    • 懿古今
      懿古今2017-05-13 14:46  回复

      @闲鱼[呲牙] 这个字母头像比起默认的头像确实生动很多

  8. 木一
    木一 @回复
    发表于2017-05-13 10:28  8楼

    小站对页脚做了以下改动，将wordpress改成了备案，但保留了nana主题，请前往小站看一下是否有版权问题。

    • 懿古今
      懿古今2017-05-13 14:44  回复

      @木一使用了Nana主题的，只需要保留主题版权链接即可，或者赞助20元以上可以直接去除版权信息

  9. 无忧
    无忧 @回复
    发表于2017-05-13 14:13  9楼

    哈哈，我再来支持一下博主。没想到自己竟然上墙了。

  10. 黄良钵博客
    黄良钵博客 @回复
    发表于2017-05-13 14:21  10楼

    修改图像尺寸是不是要把原图片的尺寸改成需要的尺寸？比如32*32的，得把48*48的全部改成32*32的？

    • 懿古今
      懿古今2017-05-13 14:42  回复

      @黄良钵博客默认最小就是48，你想用到32，其实可以通过CSS代码控制的，没必要去折腾图片尺寸

  11. 堆爱博客
    堆爱博客 @回复
    发表于2017-05-13 19:32  11楼

    被误怎么回事

  12. 灰狼
    灰狼 @回复
    发表于2017-05-14 00:02  12楼

    居然是图片版的，我还以为直接是字母在中间的纯CSS版呢

    • 灰狼
      灰狼2017-05-14 00:04  回复

      @灰狼另外不得不说，你的代码写得够可以。。。注释也有双语版

      • 懿古今
        懿古今2017-05-14 09:33  回复

        @灰狼[偷笑] 那个自动转换文件不是我写的，是插件里面的代码，只是提取了我们所需要的部分功能而已

    • 懿古今
      懿古今2017-05-14 09:32  回复

      @灰狼这个想法可以有，有空你可以折腾试试

      • 灰狼
        灰狼2017-05-14 13:29  回复

        @懿古今看了插件，有那么多图片，觉得很没必要，文字都转换了，不如图片也省了

  13. 好书推荐排行榜
    好书推荐排行榜 @回复
    发表于2017-05-14 11:30  13楼

    这个功能不错 呵呵

  14. 康乐民博客
    康乐民博客 @回复
    发表于2017-07-03 03:21  14楼

    我是来看看自己的头像的，顺便问下，为什么有的头像可以变成字母头像，而有的还是不显示呢？是不是哪里的代码没有调试好？我完全按照文章所说修改的，应该不会出错

    • 懿古今
      懿古今2017-07-03 12:49  回复

      @康乐民博客正确添加的话应该都没有问题，下次我升级Nana主题的时候顺便集成进去吧

  15. 【谈谈】
    【谈谈】 @回复
    发表于2020-02-25 10:17  15楼

    不错学习了，正好是需要的。