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開發 - 怎么在評論區添加電話和微信等表單功能?

    這個教程操作起來很簡單,

    • 第一步即在評論前端添加對應的表單位置,
    • 第二步是大核心代碼里新增評論函數,
    • 第三步是在后臺列表里添加顯示位置,

    但是這里提醒一下各位站長,按用戶體驗來講,三項的評論字段表單已經相關繁瑣,如果再加兩項就更是加大了用戶體驗的操作成本,會讓用戶厭煩,所以提醒大家按需謹慎操作。

    除了上面的收集訪客信息,還可以試試給自己的主題添加一個頂部通知欄看看,這個wordpress開發教程就教你如何用代碼實現:

    WordPress開發 - 怎么在評論區添加電話和微信等表單功能?-Npcink
    WordPress開發 - 怎么在評論區添加電話和微信等表單功能?-Npcink

    怎么給網站添加頂部通知欄? - wordpress開發

    WordPress 技巧:通過前臺不加載語言包來提高博客效率

    2019-9-26 0:01:25

    國外主題

    Peter - 基于Ajax的創意WordPress主題

    2020-1-29 7:59:23

    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    0 條回復 A文章作者 M管理員
      暫無討論,說說你的看法吧
    ?
    個人中心
    購物車
    優惠劵
    今日簽到
    有新私信 私信列表
    搜索
    主站蜘蛛池模板: 精品无码国产一区二区三区AV| 国产成人一区二区三区高清| 怡红院AV一区二区三区| 国产视频一区在线观看| 无码精品久久一区二区三区 | 欧洲精品一区二区三区在线观看| 日韩好片一区二区在线看| 亚洲熟妇AV一区二区三区浪潮| 亚洲欧美日韩中文字幕一区二区三区| 午夜影视日本亚洲欧洲精品一区 | 久久久久人妻精品一区蜜桃| 亚洲av午夜福利精品一区人妖| 国产在线乱子伦一区二区| 国产一区二区三区久久| 精品一区二区久久久久久久网精| 精品福利一区二区三区精品国产第一国产综合精品 | 日韩免费无码视频一区二区三区| 久久精品动漫一区二区三区| 亚洲视频一区二区| 麻豆一区二区99久久久久| 精品一区中文字幕| 日本一区二区高清不卡| 色婷婷综合久久久久中文一区二区| 亚洲av无码一区二区三区不卡| AV无码精品一区二区三区宅噜噜| 亚洲av乱码一区二区三区| 久久久国产精品亚洲一区| 日韩在线不卡免费视频一区| 一区二区三区波多野结衣| 亚洲Av高清一区二区三区| 亚洲一区二区三区无码国产| 国产福利视频一区二区| 好吊妞视频一区二区| 日本一区二区三区在线看 | 无码人妻久久一区二区三区免费| 日本精品高清一区二区2021| 国产一区二区三区高清在线观看| 成人免费视频一区| 亚洲AV无码一区二区三区人| 久久一区二区三区免费播放| 99国产精品一区二区|