WordPress開發(fā) – 怎么在評論區(qū)添加電話和微信等表單功能?

    收集訪客的電話號碼和微信號,如果能在訪客評論的時候收集這些信息就好了,這一次的wordpress開發(fā)教程就教大家如何實現(xiàn)這個功能吧

    在開發(fā)wordpress主題時會有一個需求,就是收集訪客的電話號碼和微信號,如果能在訪客評論的時候收集這些信息就好了,這一次的wordpress開發(fā)教程就教大家如何實現(xiàn)這個功能吧。

    為 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 是存儲在數(shù)據(jù)庫里的字段名字
        update_comment_meta($comment_ID,'qq',$qq);//qq 是存儲在數(shù)據(jù)庫里的字段名字
    }

    3、我們需要在 WordPress 后臺的評論列表中也顯示剛才添加的電話和 微信 字段,那么繼續(xù)在主題的 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 文件后,在前臺的評論表單中就可以看到電話和 微信號這兩個額外字段,填寫相關(guān)內(nèi)容評論后,我們也可以在后臺的評論列表中看到添加的電話和 QQ 號,效果如下圖:

    WordPress開發(fā) - 怎么在評論區(qū)添加電話和微信等表單功能?

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

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

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

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

    怎么給網(wǎng)站添加頂部通知欄? – wordpress開發(fā)

    給TA贊賞
    共{{data.count}}人
    人已贊賞
    ??
    Npcink上的部份代碼及教程來源于互聯(lián)網(wǎng),僅供網(wǎng)友學習交流,若您喜歡本文可附上原文鏈接隨意轉(zhuǎn)載。
    無意侵害您的權(quán)益,請發(fā)送郵件至 1355471563#qq.com 或點擊右側(cè) 私信:Muze 反饋,我們將盡快處理。
    ?
    購物車
    優(yōu)惠劵
    搜索
    主站蜘蛛池模板: 国产福利一区二区在线视频| 久久一区二区三区免费| 国产精品夜色一区二区三区| 中文字幕一区二区三区乱码| 午夜视频在线观看一区| 日本不卡一区二区三区视频| 国产成人av一区二区三区在线| 无码人妻AⅤ一区二区三区| 国产一区二区三区乱码在线观看| 国产亚洲一区二区手机在线观看| 日本在线电影一区二区三区| 蜜桃传媒一区二区亚洲AV| 精品无码人妻一区二区免费蜜桃 | 日韩高清国产一区在线| 亚洲AⅤ视频一区二区三区| 色视频综合无码一区二区三区| 九九无码人妻一区二区三区| 人妻少妇久久中文字幕一区二区 | 精品亚洲一区二区三区在线观看 | 国产精品一区二区久久国产| 国产精品福利区一区二区三区四区 | 日本精品一区二区三区视频| 国内精品视频一区二区三区| 无码视频免费一区二三区| 亚洲欧洲日韩国产一区二区三区 | 成人免费av一区二区三区| 成人国产精品一区二区网站| 激情综合丝袜美女一区二区| 久久精品综合一区二区三区| 国偷自产Av一区二区三区吞精| 国产一区二区三区高清在线观看| 2014AV天堂无码一区| 无码人妻久久一区二区三区 | 成人乱码一区二区三区av| 国产免费无码一区二区| 99精品国产一区二区三区不卡| 中文字幕人妻AV一区二区| 国产精品无码一区二区三区不卡| 精品一区中文字幕| 国产一在线精品一区在线观看| 久久91精品国产一区二区|