WordPress评论添加电话手机微信等表单功能

在 wordpress 默认及大多数的用户使用的 wordpress 主题中,woredpress 默认功能只有自带的四项字段表单,分别为包含内容在内的昵称、邮箱及网址,基本上满意了绝大部分访客评论时的需求。即填写姓名,联系邮箱、表现观点,网址功能是可有可无的,但我们如果把 wordpress 作为营销型网站就需要访客可以留言更高效的联络方式比如手机或是微信,那就以默认主题为例,给 wordpress 默认评论添加电话及微信号的功能:

为 wordpress 主题添加电话和微信号操作步骤:
1、在 wordpress 主题里找到评论文件即 comments.php ,找到邮箱的字段表单代码,并在下面添加以下代码:

<p>
    <input type="text" name="tel" class="text" id="tel" value="<?php echo get_comment_meta($comment->comment_ID,'tel',true); ?>" tabindex="3"/>
    <label for="tel">电话</label>
</p>
<p>
    <input type="text" name="qq" class="text" id="qq" value="<?php echo get_comment_meta($comment->comment_ID,'qq',true); ?>" tabindex="4"/>
    <label for="qq">微信号</label>
</p>

2、在 wordpress 主题的 functions.php 文件的最后一个 ?> 的前面添加以下代码:

add_action('wp_insert_comment','wp_insert_tel',10,2);
function wp_insert_tel($comment_ID,$commmentdata) {
    $tel = isset($_POST['tel']) ? $_POST['tel'] : false;
    $qq = isset($_POST['qq']) ? $_POST['qq'] : false;
    update_comment_meta($comment_ID,'tel',$tel);//tel 是存储在数据库里的字段名字
    update_comment_meta($comment_ID,'qq',$qq);//qq 是存储在数据库里的字段名字
}

3、我们需要在 WordPress 后台的评论列表中也显示刚才添加的电话和 微信 字段,那么继续在主题的 functions.php 文件的最后一个 ?> 的前面添加以下代码:

add_filter( 'manage_edit-comments_columns', 'my_comments_columns' );
add_action( 'manage_comments_custom_column', 'output_my_comments_columns', 10, 2 );
function my_comments_columns( $columns ){
    $columns[ 'tel' ] = __( '电话' );        //电话是代表列的名字
    $columns[ 'qq' ] = __( '微信号' );        //微信号是代表列的名字
    return $columns;
}
function output_my_comments_columns( $column_name, $comment_id ){
    switch( $column_name ) {
        case "tel" :
        echo get_comment_meta( $comment_id, 'tel', true );
        break;
        case "qq" :
        echo get_comment_meta( $comment_id, 'qq', true );
        break;
    }
}

保存并上传覆盖 comments.php 和 functions.php 文件后,在前台的评论表单中就可以看到电话和 微信号这两个额外字段,填写相关内容评论后,我们也可以在后台的评论列表中看到添加的电话和 QQ 号,效果如下图:

这个教程操作起来很简单,第一步即在评论前端添加对应的表单位置,第二步是大核心代码里新增评论函数,第三步是在后台列表里添加显示位置,但是这里提醒一下各位站长,按用户体验来讲,三项的评论字段表单已经相关繁琐,如果再加两项就更是加大了用户体验的操作成本,会让用户厌烦,所以提醒大家按需谨慎操作。

http://xzh.i3geek.com
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途及非法用途,否则后果自负!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"qq301.com",如遇到无法解压的请联系管理员!
资源客是一个优秀的分享资源站,本站资源均为各位友友分享而来,特殊原创会标明如有侵犯版权等可联系删除

资源客 » WordPress评论添加电话手机微信等表单功能