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

投稿   懿古今  2017-05-12 07:27:06  314 人阅读  27 条评论

投放广告联系   诚邀合作伙伴   赞助我们   垃圾评论惩罚

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

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

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://yigujin.cn/1204.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 懿古今 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
淘宝天猫无门槛专享优惠券

 发表评论


  1. 橘子书
    橘子书 【丞相】 @回复

    [抓狂] 昨天小试了一下,貌似没能成功。囧了。估计是comments文件没有写好。

    • boke112导航
      boke112导航【村长】2017-06-19 16:36  回复

      @橘子书其实就是将评论者的昵存放到这个字母函数中即可,本文是结合了本地缓存头像的做法,可能跟大家的不太一样

      • 橘子书
        橘子书 【丞相】2017-06-20 01:07  回复

        @boke112导航[衰] 不晓得,反正我也是在露兜神的本地缓存头像基础上测试的。

  2. 九哥
    九哥 【小白】 @回复

    这个不错。

  3. 十三月
    十三月 【书童】 @回复

    赞一个,我用的wp

  4. 拿着灼热的铁
    拿着灼热的铁 【进士】 @回复

    刚刚的,赞一个

  5. YangOne
    YangOne 【进士】 @回复

    前排点赞

  6. 一介小民
    一介小民 【状元】 @回复

    漂亮,收藏

  7. 闲鱼
    闲鱼 【状元】 @回复

    蛮好的,对于没有头像的确实可以修改一下,不显得单调

    • boke112导航
      boke112导航【村长】2017-05-14 18:27  回复

      @闲鱼[嘻嘻] 感觉字母头像生动很多,比起默认头像确实好看一些,个人看法

  8. 钱探子
    钱探子 【举人】 @回复

    生命不息,折腾不止啊,有技术就是好,想怎么玩怎么玩 [嘻嘻]

    • boke112导航
      boke112导航【村长】2017-05-14 18:28  回复

      @钱探子[嘻嘻] 折腾是保持激情最好的方法

  9. 小萝博客
    小萝博客 【状元】 @回复

    又要开始折腾了

  10. Mr.Li
    Mr.Li 【举人】 @回复

    炫酷 [思考] ,很好看

  11. 灵异世界
    灵异世界 【进士】 @回复

    炫酷啊!

  12. 企业战略
    企业战略 【举人】 @回复

    谢谢分享好货啊

  13. 金榜台博客
    金榜台博客 【状元】 @回复

    真的是折腾不息

  14. 橘子书
    橘子书 【丞相】 @回复

    [赞] 折腾不息!

  15. 龙笑天
    龙笑天 【状元】 @回复

    感谢112兄,又有折腾的感觉了,我的头像一直就有点问题,但总找不到解决之法,这次就好了,终于可以OK了,折腾去~ [赞]

    • boke112导航
      boke112导航【村长】2017-05-12 09:46  回复

      @龙笑天你那个站点的头像不是随机本地头像吗?这个做法也挺省力的

      • 龙笑天
        龙笑天 【状元】2017-05-12 09:48  回复

        @boke112导航随机是OK,但像你们这些有Gravatar头像的用户的头像也随机了….这就不好了~

  16. 爱时尚
    爱时尚 【尚书】 @回复

    想问下,zblog能用吗

    • boke112导航
      boke112导航【村长】2017-05-12 09:47  回复

      @爱时尚zblog有一款插件的,安装后即可使用

  17. 靠谱学生兼职网
    靠谱学生兼职网 【尚书】 @回复

    哦,原来是这样啊,难怪

  18. 明月登楼
    明月登楼 【王爷】 @回复

    不错,这个我喜欢!

  19. 玉满斋
    玉满斋 【尚书】 @回复

    不错,要是兼容中文就是最好了!

    • boke112导航
      boke112导航【村长】2017-05-12 09:47  回复

      @玉满斋现在就是兼容中英文数字的,不过太过复杂的中文还是认不出来