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;
}