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

在 WordPress 默认及大多数的用户使用的主题中,WordPress 默认功能只有自带的四项字段表单,分别为包含内容在内的昵称、邮箱及网址,基本上满意了绝大部分访客评论时的需求。

即填写姓名,联系邮箱、网址功能是可有可无的,但我们如果把 WordPress 作为营销型网站就需要访客可以留言更高效的联络方式,比如电话或是微信,那就以默认主题为例,给 WordPress 默认评论添加电话及微信号的功能:

部署方法

1、在主题里找到评论文件即 comments.php ,找到邮箱的字段表单代码,并在下面添加以下代码

第一步:在主题里找到评论文件即 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>

第二步:在主题的 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 是存储在数据库里的字段名字
}
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.phpfunctions.php 文件后,在前台的评论表单中就可以看到电话和微信号这两个额外字段,填写相关内容评论后,我们也可以在后台的评论列表中看到添加的电话和 QQ 号。

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

本文来自【年年有鱼铂金】的投稿,部分内容可能来源于互联网,不代表【最省事】的观点和立场。侵权投诉>>

本文著作权归博主所有,并授权【最省事】独家使用,未经博主授权,请勿转载。授权申请>>

(21)
上一篇 2019年12月21日 03:30
下一篇 2019年12月21日 02:52

相关推荐

发表回复

登录后才能评论