先看看效果
wordpress显示QQ头像和昵称,
如何实现?
第一步:评论表单在你的前端主题php文件中插入QQ字段
<input name=author type= ext value=\" size="30" maxlength="245" required="required" placeholder="必填" />
注意name属性值应改成new_field_qq,使用以下传参要。
前端加了input,后端需要添加字段来存储提交到数据库的前端QQ信息。
以下代码添加到主题中functions.php在里面,注意注释。
// 将评论表插入数据库qq字段 add_action(wp_insert_comment,inlojv_sql_insert_qq_field,10,2);function inlojv_sql_insert_qq_field($comment_ID,$commmentdata) {$qq = isset($_POST[ ew_field_qq]) ? $_POST[ ew_field_qq] : false; update_comment_meta($comment_ID, ew_field_qq,$qq); // new_field_qq 是表单name值,也是存储在数据库中的字段名称}// 显示在后台评论中qq字段add_filter( manage_edit-comments_columns, add_comments_columns );add_action( manage_comments_custom_column, output_comments_qq_columns, 10, 2 );function add_comments_columns( $columns ){ $columns[ ew_field_qq ] = __( QQ号 ); // 新增列名称 return $columns;}function output_comments_qq_columns( $column_name, $comment_id ){ switch( $column_name ) {case "new_field_qq" :// 这是输出值,可用于前端输出,钩子已经在这里了manage_comments_custom_column上输出了echo get_comment_meta( $comment_id, ew_field_qq, true );break;}}
第二步:核心代码-输入qq实时获取昵称和头像号码
想法是这样的:访客在QQ表单填入qq号码后,鼠标离开,表单失去焦点,使用ajax该方法发送到后端get请求,将qq号传给后端API文件处理完毕,信息返回前端js将信息(昵称和头像)输出到前端评论表。
当访问者评论完成并刷新页面时,我仍然希望在评论表格上显示昵称和头像cookie操作。
以下是前端处理js代码(需要jQuery支持库,请仔细看注释):
// 初始化$(function(){inlojv_js_getqqinfo(); 设置cookie function setCookie(a,c){var b=30;var d=new Date();d.setTime(d.getTime() b*24*60*60*1000);document.cookie=a "=" escape(c) ";expires=" d.toGMTString()}// 获取cookiefunction getCookie(b){var a,c=new RegExp("(^