WordPre站长工具 网速-ss批评框输出QQ获得头像战昵称的教程
批评框输出 QQ 获得头像战昵称那个功用正在良多 emlog 专客上皆鼓起了,不外我发明 wordpress 圈里借没有太罕见,因此把那个功用干到 wordpress 上,因为每一个人的主题批评表单布局节面称号皆没有太同样,因此按照本教程您纷歧定能立即到达念要的成效,要细心看我上面代码正文。起首咱们先看成效图吧:
WordPress批评框输出QQ获得头像战昵称流程
流程一:批评表单拔出 QQ 字段
那个网上能找到代码,前端找到您主题输入昵称、邮箱、网址的表单布局独具匠心增加 input 标签,好比我的表单布局是:
网站测速站长工具app
- <p class=“co妹妹ent-form-author”>
- <label>昵称</label>
- <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=“必挖” />
- </p>
增加 QQ 布局照着复造就好了,昵称等文本改为 QQ,注重 name 属性值要改为 new_field_qq,上面传参要用到。
前端减了 input,后端便要增加字段用去存储前端提交到数据库的 QQ 疑息。上面的代码增加到主题的 functions.php 内里,注重看正文。
- // 数据库拔出批评表单的qq字段
- add_action(‘wp_insert_co妹妹ent’,’inlojv_sql_insert_qq_field’,10,2);
- function inlojv_sql_insert_qq_field($co妹妹ent_ID,$co妹妹mentdata) {
- $qq = isset($_POST[‘new_field_qq’]) ? $_POST[‘new_field_qq’] : false;
- update_co妹妹ent_meta($co妹妹ent_ID,’new_field_qq’,$qq); // new_field_qq 是表单name值,也是存储正在数据库里的字段名字
- }
- // 背景批评中显现qq字段
- add_filter( ‘manage_edit-co妹妹ents_columns’, ‘add_co妹妹ents_columns’ );
- add_action( ‘综合站长工具;manage_co妹妹ents_custom_column’, ‘output_co妹妹ents_qq_columns’, 10, 2 );
- function add_co妹妹ents_columns( $columns ){
- $columns[ ‘new_field_qq’ ] = __( ‘QQ号’ ); // 最新删列称号
- return $columns;
- }
- function output_co妹妹ents_qq_columns( $column_name, $co妹妹ent_id ){
- switch( $column_name ) {
- case “new_fie怎么用站长工具查询网站流量ld_qq” :
- // 那是输入值,能够拿去正在前端输入,那里已正在钩子manage_co妹妹ents_custom_column上输入了
- echo get_co妹妹ent_meta( $co妹妹ent_id, ‘new_field_qq’, true );
- break;
- }
- }
流程两:焦点代码–输出qq号及时获得昵称战头像
上面是前端处置的js代码(要求 jQuery 库撑持,请细心看正文):
上面是后端处置的 php 代码(需用到两个 api)
流程三:让 QQ 头像显现正在批评列表战背景批评上
普通环境下,wordpress 的批评头像默许是 gravatar,因此咱们用 get_avatar 过滤器去对于默许头像的挪用体例进止革新。
将下列代码插手到主题的 functions.php 内里
- /**
- * 点窜背景头像
- * 如有qq字段则显现qq头像,若出有则显现gravatar
- * @INLOJV http://www.inlojv.com
- */
- add_filter( ‘get_avatar’, ‘inlojv_change_avatar’, 10, 3 );
- function inlojv_change_avatar($avatar){
- global $co妹妹ent;
- if( get_co妹妹ent_meta( $co妹妹ent->co妹妹ent_ID, ‘new_field_qq’, true ) ){
- $qq_number = get_co妹妹ent_meta( $co妹妹ent->co妹妹ent_ID, ‘new_field_qq’, true );
- $qqavatar = file_get_contents(‘http://ptlogin2.qq.com/getface?appid=1006102&imgtype=3&uin=’.$qq_number);
- preg_match(‘/http:(.*?)&t/’,$qqavatar,$m); // 婚配 http: 战 &t 之间的字符串
- return ‘<img src=“‘.stripslashes($m[1]).’” class=“avatar avatar-40 photo” width=“40” height=“40” alt=“qq_avatar” />’;
- }else{
- return $avatar ;
- }
- }
如许根基便年夜功乐成了,若您有必然的代码底子,也能够对于 js 的处置部门进止取主题相婚配的革新,成效睹 INLOJV 批评表单。