wordpress实时显示Gravatar头像

2012-04-07 | 夜光 | IT记录| 发表评论

wordpress实时显示Gravatar头像:

(1)加载jQuery,将realgravatar.js | 下载文件» |放入主题js目录

(2)在主题comments.php中

<textarea name="comment" id="comment" tabindex="4"></textarea>

前面添加如下代码:

<span id="real-avatar">
	<?php if($user_ID) : ?>
		<?php global $user_email;?><?php echo get_avatar($user_email, 32); ?>
	<?php elseif(isset($_COOKIE['comment_author_email_'.COOKIEHASH])) : ?>
		<?php echo get_avatar($comment_author_email, 32);?>
	<?php else : ?>
		<img alt='' src='http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=32' class='avatar avatar-32 photo' height='32' width='32' />
	<?php endif;?>
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/realgravatar.js"></script>
</span>

(3)在主题comments.php中

<input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="23" tabindex="2" /> 您的邮箱 <span style="color:red;">*</span>

后面添加如下代码:

<span id="get-gravatar" style="color:#555555;"></span>

(4)在主题style.css中添加如下代码:

/*实时Gravatar头像*/
#real-avatar .avatar{
	float:right;
	margin:-40px 23px auto auto;
	border:1px solid #ccc;
	border-radius:3px;
	background:#fff;
	padding:2px;
}
本文标签: ,
本文链接: http://boliquan.com/wordpress-real-time-display-gravatar-portraits/
版权所有: 玻璃泉, 转载请注明本文出处。

发表评论

您的昵称 *

您的邮箱 *

您的网站

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif

Protected by WP Anti Spam