WordPre站长工具 网速-ss批评框输出QQ获得头像战昵称的教程

目 录

批评框输出 QQ 获得头像战昵称那个功用正在良多 emlog 专客上皆鼓起了,不外我发明 wordpress 圈里借没有太罕见,因此把那个功用干到 wordpress 上,因为每一个人的主题批评表单布局节面称号皆没有太同样,因此按照本教程您纷歧定能立即到达念要的成效,要细心看我上面代码正文。起首咱们先看成效图吧:

WordPre站长工具 网速-ss批评框输出QQ获得头像战昵称的教程-幽灵米

WordPress批评框输出QQ获得头像战昵称流程

流程一:批评表单拔出 QQ 字段

那个网上能找到代码,前端找到您主题输入昵称、邮箱、网址的表单布局独具匠心增加  input 标签,好比我的表单布局是:

网站测速站长工具app

  1. <p class=“co妹妹ent-form-author”>
  2.     <label>昵称</label>
  3.     <input id=“yuao-comt-author” class=“bs-bb” name=“author” type=“text” value=“<?php echo esc_attr($co妹妹ent_author); ?>” size=“30” maxlength=“245” required=“required” plac百度站长工具内嵌代码eholder=“必挖” />
  4. </p>

增加 QQ 布局照着复造就好了,昵称等文本改为 QQ,注重 name 属性值要改为 new_field_qq,上面传参要用到。

前端减了 input,后端便要增加字段用去存储前端提交到数据库的 QQ 疑息。上面的代码增加到主题的 functions.php 内里,注重看正文。

  1. // 数据库拔出批评表单的qq字段 
  2. add_action(‘wp_insert_co妹妹ent’,’inlojv_sql_insert_qq_field’,10,2);
  3. function inlojv_sql_insert_qq_field($co妹妹ent_ID,$co妹妹mentdata) {
  4.     $qq = isset($_POST[‘new_field_qq’]) ? $_POST[‘new_field_qq’] : false;
  5.     update_co妹妹ent_meta($co妹妹ent_ID,’new_field_qq’,$qq); // new_field_qq 是表单name值,也是存储正在数据库里的字段名字
  6. }
  7. // 背景批评中显现qq字段
  8. add_filter( ‘manage_edit-co妹妹ents_columns’, ‘add_co妹妹ents_columns’ );
  9. add_action( &#8216综合站长工具;manage_co妹妹ents_custom_column’, ‘output_co妹妹ents_qq_columns’, 10, 2 );
  10. function add_co妹妹ents_columns( $columns ){
  11.     $columns[ ‘new_field_qq’ ] = __( ‘QQ号’ );        // 最新删列称号
  12.     return $columns;
  13. }
  14. function output_co妹妹ents_qq_columns( $column_name$co妹妹ent_id ){
  15.     switch$column_name ) {
  16.         case “new_fie怎么用站长工具查询网站流量ld_qq” :
  17.          // 那是输入值,能够拿去正在前端输入,那里已正在钩子manage_co妹妹ents_custom_column上输入了
  18.         echo get_co妹妹ent_meta( $co妹妹ent_id, ‘new_field_qq’, true );
  19.         break;
  20.     }
  21. }

流程两:焦点代码–输出qq号及时获得昵称战头像

思绪是如许的:

访客正在 QQ 表单挖进 qq 号以后,鼠标分开,表单掉往核心的时辰,用 ajax 方式背后端收收 get 要求,将 qq 号传给后端 API 文件进止处置,处置终了再把疑息前往到前端,依托 js 把疑息(昵称战头像)输入到前端批评表单上。而当访客批评终了,革新页里时,我依然但愿昵称战头像显现正在批评表单上,这时候候便要用到 cookie 操纵

上面是前端处置的js代码(要求 jQuery 库撑持,请细心看正文):

上面是后端处置的 php 代码(需用到两个 api)

流程三:让 QQ 头像显现正在批评列表战背景批评上

普通环境下,wordpress 的批评头像默许是 gravatar,因此咱们用 get_avatar 过滤器去对于默许头像的挪用体例进止革新。

将下列代码插手到主题的 functions.php 内里

  1. /**
  2.  * 点窜背景头像 
  3.  * 如有qq字段则显现qq头像,若出有则显现gravatar 
  4.  * @INLOJV http://www.inlojv.com
  5.  */
  6. add_filter( ‘get_avatar’, ‘inlojv_change_avatar’, 10, 3 );
  7. function inlojv_change_avatar($avatar){
  8.     global $co妹妹ent;
  9.     if( get_co妹妹ent_meta( $co妹妹ent->co妹妹ent_ID, ‘new_field_qq’, true ) ){
  10.         $qq_number =  get_co妹妹ent_meta( $co妹妹ent->co妹妹ent_ID, ‘new_field_qq’, true );
  11.         $qqavatar = file_get_contents(‘http://ptlogin2.qq.com/getface?appid=1006102&imgtype=3&uin=’.$qq_number);
  12.         preg_match(‘/http:(.*?)&t/’,$qqavatar,$m); // 婚配 http: 战 &t 之间的字符串
  13.         return ‘<img src=“‘.stripslashes($m[1]).'” class=“avatar avatar-40 photo” width=“40” height=“40”  alt=“qq_avatar” />’;
  14.     }else{
  15.         return $avatar ;
  16.     }
  17. }

如许根基便年夜功乐成了,若您有必然的代码底子,也能够对于 js 的处置部门进止取主题相婚配的革新,成效睹 INLOJV 批评表单。

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
幽灵米只做资源收集整理,如需商用请联系原作者购买版权。
幽灵米 » WordPre站长工具 网速-ss批评框输出QQ获得头像战昵称的教程