自定义WordPress管理员留言头像

WordPress15126.4K阅读模式

默认情况下,WordPress管理员的Gravatar头像与访客的留言头像大小风格是一致的,无法让人立即区分出哪个是管理员的回复。下面的教程,就是为了让管理员的留言与众不同,这里只是自定义一下头像大小。

由于不同的主题使用的评论函数也不尽相同,如果你使用的主题评论模版只有下面这句标准的WP函数,没有其它参数,还是放弃吧!

  1. <?php wp_list_comments(  );?>

下面就以HotNews pro2.4版主题为例折腾一下:

一,打开functions.php,找到“// 评论回复”注释,在上面添加:

  1. // 判断管理员
  2. function is_admin_comment( $comment_ID = 0 ) {
  3. $comment = get_comment( $comment_ID );
  4. $admin_comment = false; //设置一个布尔类型的变量用于判断该留言的ID是否为管理员的留言
  5. if($comment->user_id == 1){
  6. $admin_comment = true;
  7. }
  8. return$admin_comment;
  9. }

注:user_id == 1其中的数字1,是管理员(博主)的ID,一般情况是1,如果不知道自己的ID,可进入数据库查看wp_users表。

二、再找到:

  1. <div id="avatar"><?php echo get_avatar( $comment, 32 ); ?></div>

替换为:

  1. <div id="avatar">
  2. <?php if (is_admin_comment($comment->comment_ID)){ ?>
  3. <?php echo get_avatar( $comment, 48 ); ?>
  4. <?php } else { echo get_avatar( $comment, 32 ); } ?>
  5. </div>

以上替换的代码含义:判断如果是ID为1的用户留言,就是显示大小为48px的头像,否则显示32px的,但要显示48px的头像必须在登录状态下才有效。

另外,由于头像图片尺寸变大了,会影响评论列表样式,还需在:

  1. <?php comment_text() ?>

下面加上一句:

  1. <div class="clear"></div>

为了更加突出管理员,可以在:

  1. <?php echo get_avatar( $comment, 48 ); ?>

外面加个标签,通过css样式进一步美化,就看你的创意了。

也可以将上面这句改成类似:

  1. <img src="<?php echo bloginfo('template_directory'),'/images/gravatar.png'; ?>" alt=""class="avatar" />

直接显示指定的图片。

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  151  访客  115  作者  25
    • 御玉坊
      御玉坊 1

      我用了一个WP User Avatar插件 鸟哥指点!

      • 懒洋洋
        懒洋洋 0

        鸟哥,想问一下,怎么样可以在其它的主题上显示出像你的管理员回复一样,下面有管理员的字样。。

          • 66
            66 0

            @ 懒洋洋 在头像图片上写上名字不就得了

          • 郁闷呢
            郁闷呢 1

            不会代码啊

            • 落草
              落草 0

              过来学习下

              • 熙和石业
                熙和石业 0

                看都看不懂 好纠结 :smile: :smile:

              匿名

              发表评论

              匿名网友
              :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

              拖动滑块以完成验证