WordPress评论框输入QQ获取头像和昵称的教程
2018-01-15 21:28
小鹿推广
评论框输入 QQ 获取头像和昵称这个功能在很多 emlog 博客上都兴起了,不过我发现 wordpress 圈里还不太常见,所以把这个功能做到 wordpress 上,由于每个人的主题评论表单结构节点名称都不太一样,所以根据本教程你不一定能立刻达到想要的效果,要仔细看我下面代码注释。首先我们先看效果图吧:

WordPress评论框输入QQ获取头像和昵称步骤
步骤一:评论表单插入 QQ字段
这个网上能找到代码,前端找到你主题输出昵称、邮箱、网址的表单结构依样画葫芦添加 input 标签,比如我的表单结构是:
- <pclass=“comment-form-author”>
- <label>昵称</label>
- <inputid=“yuao-comt-author”class=“bs-bb”name=“author”type=“text”value=“<?phpechoesc_attr($comment_author);?>”size=“30”maxlength=“245”required=“required”placeholder=“必填”/>
- </p>
添加 QQ 结构照着复制就行了,昵称等文本改成 QQ,注意 name 属性值要改成 new_field_qq,下面传参要用到。
前端加了 input,后端就要添加字段用来存储前端提交到数据库的 QQ 信息。下面的代码添加到主题的 functions.php 里面,注意看注释。
- add_action(‘wp_insert_comment’,’inlojv_sql_insert_qq_field’,10,2);
- functioninlojv_sql_insert_qq_field($comment_ID,$commmentdata){
- $qq=isset($_POST[‘new_field_qq’])?$_POST[‘new_field_qq’]:false;
- update_comment_meta($comment_ID,’new_field_qq’,$qq);
- }
- add_filter(‘manage_edit-comments_columns’,‘add_comments_columns’);
- add_action(‘manage_comments_custom_column’,‘output_comments_qq_columns’,10,2);
- functionadd_comments_columns($columns){
- $columns[‘new_field_qq’]=__(‘QQ号’);
- return$columns;
- }
- functionoutput_comments_qq_columns($column_name,$comment_id){
- switch($column_name){
- case“new_field_qq”:
- echoget_comment_meta($comment_id,‘new_field_qq’,true);
- break;
- }
- }
步骤二:核心代码–输入qq号实时获取昵称和头像




<< 上一篇
给begin主题友情链接页面添加评论
下一篇 >>
WordPress侧边栏如何实现一图三按钮的效果?