Top Down Contact Closed
Home > Wordpress, hacks > 浅谈wordpress中评论者头像的设置

浅谈wordpress中评论者头像的设置

2008/06/01 Add 35 comments |

     在我的博客还没有更名为城市@后的时候(以前是“形色空间”),我曾经发表过一篇名为《关于wordpress中评论者头像设置方法总汇及详解》的文章,无奈在空间搬家的时候由于服务商的原因,博客数据丢失,因而这篇博文没有保留下来,以前这篇文章曾被wordpress中文站推荐,前几天在 wordpress中文站 闲逛,发现还有人在浏览这篇文章,由于连接到我的文章页面的超链接已经坏掉,故有不少读者看不见这篇文章,在此我向要看这篇文章的博友表示歉意!同样我要告诉博友的是由于那篇文章是在wordpress2.3时写的方法,因此我认为在今天wordpress2.5已经整合了头像功能以后,这篇文章已经没有再读的价值!在网上闲逛的时候我发现还有不少新接触Wordpress的博友对头像的设置不甚明了(尽管wordpess2.5整合头像功能以后设置简单多了^_^),今天我就简单明了地给新的wordpress博友们介绍一下具体的使用方法。

     WordPress评论者头像功能其服务来源于Gravatar(全称为 globally recognized avatar)的服务,它是 http://www.gravatar.com/ 推出的一种头像身份标识服务。只要你在 Gravatar 上注册你邮箱,和上传头像图片,然后当你在启动 Gravatar 服务的博客上留言并留下你的邮箱地址,就可以显示你自定义的头像。Gravatar 服务使我们的博客留言不再仅仅停留在单独的文字层面,它的出现极大地丰富了留言的观赏性,同时我们也可以通过读者的头像使留言者可视化和个性化……

     在WordPress2.3时代,我们使用评论者头像的功能最普遍、最常用的就是使用插件,当时用的最多的就是:①Gravatar 官方推出的 WP Gravatar 插件以及②由ZenPax 推出的 Gravatars2 插件。前者功能略显单一,后者功能丰富可以引入注册用户本地化上传头像功能,但在实际使用中总是出现这样那样的问题,困扰了包括我在内的一大批初学者!

     而今WordPress2.5之后,由于wordpress已经内置了头像的功能,所以我们无需在使用令人头疼的头像插件,只需要在你的模板中简单的使用代码调用即可:-)

     首先你要在你的博客后台启用头像功能:设置-->讨论(评论)-->该页面最后一项是“头像”,你可以选择开启或关闭(默认是开启);以及头像的级别(这个级别和你在Gravatar注册头像时的选择有关,一般我们选择"G"即可^_^)

     第二步就是修改你的评论页面(即comment.php)页面,用代码调用头像的显示,首先我们来看看默认模板中是如何调用的(其实很多人说自己不会设置,我认为是你没有去好好研究一下默认模板的调用方法,否则你应该会o(∩_∩)o...观摩研究的过程就是你吸收提高的过程!)

1
2
3
4
5
6
7
8
9
10
11
12
13
<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
			<?php echo get_avatar( $comment, 32 ); ?>
			<cite><?php comment_author_link() ?></cite> Says:
			<?php if ($comment->comment_approved == '0') : ?>
			<em>Your comment is awaiting moderation.</em>
			<?php endif; ?>
			<br />
 
			<small class="commentmetadata"><a href="#comment-<?php comment_ID() ?>" title=""><?php comment_date('F jS, Y') ?> at <?php comment_time() ?></a> <?php edit_comment_link('edit','&nbsp;&nbsp;',''); ?></small>
 
			<?php comment_text() ?>
 
		</li>

以上代码中的第二行就是头像的调用代码,其中:

1、调用Gravatar 头像的函数是 get_avatar()

2、“32”是表示显示头像的高度和宽度都是32,最大可以设置为”80“,你可以根据你的需要来调整。

OK,现在让我们继续:如果你的模板不支持头像功能,那么很简单我们只需像默认模板那样对应地加入一段代码即可 ,也可以如下加入:

第一、用你习惯的编辑器打开你主题中的评论页,即comment.php

第二、找到和上面提到的默认模板类的那段代码类似的代码,请留意<?php comment_text() ?>这个就是调用评论内容,你以它为目标就容易找到!

第三、在其附近(一般是在<?php comment_text() ?>代码上面加入如下代码:

1
2
3
4
5
<?php if (function_exists('get_avatar')) { ?>
	<div class="gravatar">
		<?php echo get_avatar(get_comment_author_email(),'32'); ?>
	</div>
<?php } ?>

你可以在style.css文件中为这个名为"gravatar"的DIV容器定义CSS样式,从而获得你喜欢的个性化样式。当然如果你有点偷懒,你甚至你可以去掉这个 div 容器,干脆一行代码了事:

1
2
3
<?php if (function_exists('get_avatar')) { echo 
	get_avatar(get_comment_author_email(),'32'); }
		?>

好了,保存之后你就可以看看效果了!至于你想让它怎么样显示,那就完全看你的CSS功底了:-),不过也很简单,不要被CSS吓倒!

我想我讲得已经够详细了,如果你心爱的主题还不支持头像显示,那么还等什么呢?赶快动手吧!如果你有什么问题欢迎你留言和我探讨!当然我只是菜鸟一只:-)

Ad spot

声明:城市@后版权所有,未经授权请勿转载本博客日志到任何博客或论坛!

如果你喜欢我的文章,欢迎订阅。Google Reader | 鲜果 | 抓虾 | 九点 | QQ邮箱 | 有道 | 更多

Posted by: Gil | Categories: Wordpress, hacks | Tags: , | Read: 2,358 views
  1. 6月 3rd, 2008 at 22:07 | #1

    测试一下我的头像显示不

  2. 6月 6th, 2008 at 10:08 | #2

    我来试试看,hehe

  3. 6月 15th, 2008 at 14:33 | #3

    很详细很好,受教了 :grin:

  4. 6月 20th, 2008 at 23:51 | #4

    作者头像怎么设置

  5. 6月 21st, 2008 at 00:05 | #5

    @七道街 什么意思?没有明白你的问题 :oops: 你是说侧边栏上的头像么?

  6. 7月 26th, 2008 at 08:32 | #6

    /可爱/ 非常详细,谢谢!

  7. 7月 26th, 2008 at 12:06 | #7

    /闭嘴/ /闭嘴/

  8. 8月 17th, 2008 at 02:52 | #8

    你好哇!你的博客很漂亮哇!!
    来踩踩喇!
    我是深圳的哟!

  9. ghg
    8月 30th, 2008 at 17:45 | #9

    /NO/ /来,亲一个/ /怕怕/ /挖鼻孔/

  10. ghg
    8月 30th, 2008 at 17:46 | #10

    /流口水了/ /流口水了/ /送花给你/ /拜拜/ /仰慕你/ /郁闷/

  11. lovedark
    9月 1st, 2008 at 17:29 | #11

    测试头像功能。 /仰慕你/

  12. lovedark
    9月 1st, 2008 at 17:30 | #12

    测试头像功能。。。。

  13. 9月 10th, 2008 at 01:03 | #13

    Ciekawa strona, bede ja odwiedzal czesciej, pozdro

  14. 9月 20th, 2008 at 16:13 | #14

    see see

  15. winbye
    10月 11th, 2008 at 20:08 | #15

    我的css中没有设置头像这一项怎么办!我不懂CSS!求助!

  16. winbye
    10月 11th, 2008 at 20:09 | #16

    我的css样式中没有修改头像这个DIV,我不懂css!求助

  17. winbye
    10月 11th, 2008 at 20:10 | #17

    晕..不好意思 发重复了!!刚才没刷新出来

  18. 10月 11th, 2008 at 21:28 | #18

    @winbye: 那你就按如下代码添加头项功能,我不知道你用的主题,所以这个样式也只是参考,不一定符合你的想法
    1、你可以在comments.php中< ?php comment_text() ?>之后添加如下代码:

    < ?php if (get_bloginfo('version')>=2.5) echo get_avatar( $comment->comment_author_email, $size = '50', $comment->comment_author_link);?> < ?php comment_text() ?>

    2、在style.css中添加如下代码:

    .gravs {margin-top:20px;}
    .avatar {float:left; margin-right:5px; margin-bottom:5px; padding:3px; border:1px solid #999999;}
    
  19. winbye
    10月 11th, 2008 at 23:38 | #19

    我加了!!本来还好 现在回复成重叠了!!哎 !!有时间慢慢解决吧! 对于新手的我还真复杂噢!

  20. winbye
    10月 11th, 2008 at 23:41 | #20

    有空的话能不能给你看看我的代码 再指点指点我噢!

  21. 10月 27th, 2008 at 03:46 | #21

    我也测试测试,哈哈!!

  22. Louismir
    2月 26th, 2009 at 12:26 | #22

    :arrow: 刚刚用WP还有很多要学习

  23. 3月 10th, 2009 at 16:05 | #23

    可是我还是没搞定:(

  24. 3月 25th, 2009 at 14:26 | #24

    不错.呵呵. :grin:

  25. 3月 25th, 2009 at 23:00 | #25

    顶 谢过

  26. 石榴
    4月 24th, 2009 at 06:26 | #26

    挺麻烦的...css不会弄呢

  27. 6月 8th, 2009 at 23:40 | #27

    嘿嘿,不错不错。我想搞个会员群,我的博客:http://www.fooldy.cn有空来坐

  28. 6月 24th, 2009 at 17:25 | #28

    thanks~

  29. 8月 15th, 2009 at 09:06 | #29

    谢谢版主的经验介绍了···马上去尝试一下.

  30. iamk
    11月 25th, 2009 at 13:22 | #30

    怎么显示?

  31. 11月 27th, 2009 at 00:09 | #31

    测试来的,学习了 :lol:

  32. 12月 3rd, 2009 at 13:51 | #32

    怎么取消侧边栏评论用户的连接,不取消等于是加了连接啊。。。

  33. 試試
    1月 17th, 2010 at 15:48 | #33

    試試頭像

  34. 1月 21st, 2010 at 17:07 | #34

    试试头像