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

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

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

    為 wordpress 主題添加電話和微信號(hào)操作步驟:
    1、在 wordpress 主題里找到評(píng)論文件即 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">微信號(hào)</label>
    </p>

    2、在 wordpress 主題的 functions.php 文件的最后一個(gè) ?> 的前面添加以下代碼:

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

    3、我們需要在 WordPress 后臺(tái)的評(píng)論列表中也顯示剛才添加的電話和 微信 字段,那么繼續(xù)在主題的 functions.php 文件的最后一個(gè) ?> 的前面添加以下代碼:

    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' ] = __( '微信號(hào)' );        //微信號(hào)是代表列的名字
        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 文件后,在前臺(tái)的評(píng)論表單中就可以看到電話和 微信號(hào)這兩個(gè)額外字段,填寫(xiě)相關(guān)內(nèi)容評(píng)論后,我們也可以在后臺(tái)的評(píng)論列表中看到添加的電話和 QQ 號(hào),效果如下圖:

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

    這個(gè)教程操作起來(lái)很簡(jiǎn)單,

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

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

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

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

    給TA贊賞
    共{{data.count}}人
    人已贊賞
    ??
    Npcink上的部份代碼及教程來(lái)源于互聯(lián)網(wǎng),僅供網(wǎng)友學(xué)習(xí)交流,若您喜歡本文可附上原文鏈接隨意轉(zhuǎn)載。
    無(wú)意侵害您的權(quán)益,請(qǐng)發(fā)送郵件至 1355471563#qq.com 或點(diǎn)擊右側(cè) 私信:Muze 反饋,我們將盡快處理。
    ?
    購(gòu)物車(chē)
    優(yōu)惠劵
    搜索
    主站蜘蛛池模板: 一区二区三区在线观看| 国产一区视频在线免费观看| 亚洲av高清在线观看一区二区 | 日韩视频一区二区三区| 蜜芽亚洲av无码一区二区三区| 亚洲综合一区二区精品导航| 亚欧免费视频一区二区三区| 中文字幕在线一区二区在线| 色综合视频一区二区三区44| 综合激情区视频一区视频二区| 精品国产免费一区二区三区 | 亚洲AV色香蕉一区二区| 精品福利一区二区三区| 亚洲AV福利天堂一区二区三| 久久精品国内一区二区三区| 国产一区二区精品尤物| 人妻体内射精一区二区三四| 日韩高清一区二区| 免费萌白酱国产一区二区三区| 五月婷婷一区二区| 精品视频在线观看你懂的一区| 奇米精品视频一区二区三区| 精品一区二区三区3d动漫| 久久精品无码一区二区三区| 日韩美女视频一区| 亚洲国产精品一区| 男人的天堂精品国产一区| 亚洲福利秒拍一区二区| 日韩精品一区二区三区不卡| 精品国产一区二区三区久久久狼| 视频一区视频二区日韩专区| 精品国产一区二区三区色欲| 中文字幕乱码一区二区免费 | 国产亚洲情侣一区二区无码AV| 国产99视频精品一区| 国产一区二区三区高清在线观看| 亚洲AV无码一区二区三区鸳鸯影院 | 亲子乱av一区二区三区| 日韩福利视频一区| 麻豆AV无码精品一区二区 | 日本伊人精品一区二区三区|