即时显示评论者gravatar头像 » 荒野无灯weblog

Keep It Simple, Stupid.

荒野无灯weblog

即时显示评论者gravatar头像

先上图:

用途:在用户输入邮箱地址后即时显示其Gravatar头像。

再上代码(2011年26日16时55分修正,添加显示已登录用户头像的支持):
先上传md5-min.js到当前主题的js目录下面(如果没有就新建一个吧)。
md5-min.js 下载:

md5-min.js (5.2 KB)


再把下面代码添加到当前主题的functions.php文件中:
2011/04/28 修正代码
支持已评论用户、已登录用户、和正在输入的用户的头像即时显示。

######## start #########gravatar 即时显示 by 荒野无灯 #####js 参考 live-gravatar##########
function show_gravatar_instantly()
{
global $post;
$default_hash='d41d8cd98f00b204e9800998ecf8427e';
if(is_page() || is_single() )
{
$user = wp_get_current_user();
if ( $user->ID ) {
    if(!empty( $user->user_email ) )
        $default_hash = md5( $user->user_email );
}
$md5_js=get_stylesheet_directory_uri().'/js/md5-min.js';
echo << 

EOT;
}
}
add_action('wp_print_footer_scripts','show_gravatar_instantly',99);
######## end #########gravatar 即时显示 by 荒野无灯 ###############

以下是以前的代码:

######## start #########gravatar 即时显示 by 荒野无灯 #####js 参考 live-gravatar##########
function show_gravatar_instantly()
{
global $post;
$default_hash='d41d8cd98f00b204e9800998ecf8427e';
if(is_page() || is_single() )
{
$user = wp_get_current_user();
if ( $user->ID ) {
    if(!empty( $user->user_email ) )
        $default_hash = md5( $user->user_email );
}
$md5_js=get_stylesheet_directory_uri().'/js/md5-min.js';
echo << 

EOT;
}
}
add_action('wp_print_footer_scripts','show_gravatar_instantly',99);
######## end #########gravatar 即时显示 by 荒野无灯 ###############

最后,检查下你当前所用主题,footer.php 文件中有木有 这么一句:


如果木有,就在


前加上吧。

实现此功能需要 jquery库支持,如你的主题没有加载请注意加载。
注: focusout 事件需要 jquery 1.4 以上版本的支持!

Tagged in : PHP,wordpress,Gravatar,头像,wp

All Comments (0)
Gravatar image
No Comments