WordPress教程

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

阿里云

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

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

  1. <p>
  2.     <input type="text" name="tel" class="text" id="tel" value="<?php echo get_comment_meta($comment->comment_ID,'tel',true); ?>" tabindex="3"/>
  3.     <label for="tel">电话</label>
  4. </p>
  5. <p>
  6.     <input type="text" name="qq" class="text" id="qq" value="<?php echo get_comment_meta($comment->comment_ID,'qq',true); ?>" tabindex="4"/>
  7.     <label for="qq">微信号</label>
  8. </p>
也想出现在这里?联系我们
创客主机

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

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

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

  1. add_filter( 'manage_edit-comments_columns', 'my_comments_columns' );
  2. add_action( 'manage_comments_custom_column', 'output_my_comments_columns', 10, 2 );
  3. function my_comments_columns( $columns ){
  4.     $columns[ 'tel' ] = __( '电话' );        //电话是代表列的名字
  5.     $columns[ 'qq' ] = __( '微信号' );        //微信号是代表列的名字
  6.     return $columns;
  7. }
  8. function output_my_comments_columns( $column_name, $comment_id ){
  9.     switch( $column_name ) {
  10.         case "tel" :
  11.         echo get_comment_meta( $comment_id, 'tel', true );
  12.         break;
  13.         case "qq" :
  14.         echo get_comment_meta( $comment_id, 'qq', true );
  15.         break;
  16.     }
  17. }

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

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

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

已有 519 人购买
查看演示升级 VIP立刻购买

收藏
(1)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!