700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 代码实现WordPress评论框输入QQ自动获取号码QQ头像和昵称

代码实现WordPress评论框输入QQ自动获取号码QQ头像和昵称

时间:2021-10-01 06:17:19

相关推荐

代码实现WordPress评论框输入QQ自动获取号码QQ头像和昵称

先看看效果

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("(^

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。