WordPress开发 - 怎么在评论区添加电话和微信等表单功能?

收集访客的电话号码和微信号,如果能在访客评论的时候收集这些信息就好了,这一次的wordpress开发教程就教大家如何实现这个功能吧

在开发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 号,效果如下图:

WordPress开发 - 怎么在评论区添加电话和微信等表单功能?-Npcink

这个教程操作起来很简单,

  • 第一步即在评论前端添加对应的表单位置,
  • 第二步是大核心代码里新增评论函数,
  • 第三步是在后台列表里添加显示位置,

但是这里提醒一下各位站长,按用户体验来讲,三项的评论字段表单已经相关繁琐,如果再加两项就更是加大了用户体验的操作成本,会让用户厌烦,所以提醒大家按需谨慎操作。

除了上面的收集访客信息,还可以试试给自己的主题添加一个顶部通知栏看看,这个wordpress开发教程就教你如何用代码实现:

WordPress开发 - 怎么在评论区添加电话和微信等表单功能?-Npcink
WordPress开发 - 怎么在评论区添加电话和微信等表单功能?-Npcink

怎么给网站添加顶部通知栏? - wordpress开发

一款贴心的wordpress主题如果准备有通知栏,那就会让用户感到更加的舒适,来看看这个wordpress卡覅方法,给网站添加顶部通知栏
最后修改: 2020-03-27 05:12
WP开发

WordPress开发 - 怎么在前台页面添加自定义用户头像功能?

2020-3-25 16:03:26

WP开发

wordpress开发 - 添加fancybox画廊支持

2020-3-25 22:07:44

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索