在wordpress留言板如何添加一個(gè)手機(jī)號(hào)的字段

[重要通告]如您遇疑難雜癥,本站支持知識(shí)付費(fèi)業(yè)務(wù),掃右邊二維碼加博主微信,可節(jié)省您寶貴時(shí)間哦!

wordpresss不管是制作個(gè)人博客，留言板都必不可少，然而就是一個(gè)詢盤的表單。對于詢盤信息最重要的就是客戶的聯(lián)系方式啦，wordpress默認(rèn)是可以填寫郵箱的。如果不是外貿(mào)網(wǎng)站，手機(jī)號(hào)就是最重要的聯(lián)系方式。wordpress留言板中如何添加一個(gè)手機(jī)的字段。

wordpress中使用留言板功能只用一個(gè)函數(shù)?comment_form()?就可以搞定。 這函數(shù)默認(rèn)會(huì)輸出含有五個(gè)字段?comment?、author、email、url、?cookies的表單。comment作為填寫留言信息的字段，當(dāng)然是必不可少的。其他的字段則可以進(jìn)行訂制，或者增加新的字段。這里說下如何新增加一個(gè)手機(jī)號(hào)的字段。

wordprss中添加一個(gè)手機(jī)號(hào)的字段

worpdress提供了修改留言字段的一個(gè)鉤子，這里可以修改是這四個(gè)字段(author、email、url、?cookies);
做個(gè)小測試，把這段代碼放到主題文件中的 functions.php 中。找一個(gè)有留言的頁面看下效果

add_filter('comment_form_default_fields', function ($fields) {
    echo "<!-- ";
    var_dump($fields);
    echo "-->";
    return $fields;
});

修改一下代碼

add_filter('comment_form_default_fields', function ($fields) {
    $fields['tel'] =
        '<p class="comment-form-tel">'
            .'<label for="tel">聯(lián)系電話</label> '
            .'<input id="tel" name="tel" type="text" value="'
                . esc_attr($commenter['comment_tel']) . '" size="30" />'
        .'</p>';
    return $fields;
});

前臺(tái)的顯示修改完成以后，就剩下兩個(gè)問題。

1. 手機(jī)號(hào)如何保存
2. 后臺(tái)如何顯示

手機(jī)號(hào)的保存

使用wordpress提供的?wp_postmeta?表，通過?update_comment_meta函數(shù)把數(shù)據(jù)寫入到這個(gè)數(shù)據(jù)表中。

add_action('wp_insert_comment',  function ($comment_ID, $commmentdata) {
    $tel = isset($_POST['tel']) ? $_POST['tel'] : false;
    update_comment_meta($comment_ID, 'tel', $tel);
}

手機(jī)號(hào)的后臺(tái)顯示

后臺(tái)的顯示，需要輸出兩個(gè)部分，第一個(gè)部分?表頭的字段?， 第二?內(nèi)容

# 后來評論顯示電話的字段
add_filter('manage_edit-comments_columns', 'my_comments_columns');
function my_comments_columns($columns) {
    $columns['tel'] = __('聯(lián)系電話');
    return $columns;
}


# 后臺(tái)評論顯示電話的內(nèi)容
add_action('manage_comments_custom_column', 'output_my_comments_columns', 10, 2);
function output_my_comments_columns($column_name, $comment_id) {
    switch ($column_name) {
        case "tel" :
            echo get_comment_meta($comment_id, 'tel', true);
            break;
    }
}

本文參閱與：https://www.liuhaolin.com/wordpress/73.html 三克油

PS延伸閱讀，有一種比較簡單的方式：

需要字段做一下修改，修改只有兩種，第一刪除，第二添加，修改的方法 (下面的代碼寫在模板文件中)

function my_fields($fields) {

// 添加一個(gè)字段
$fields['tel'] = '<p class="comment-form-tel">' . '<label for="qq">' . "聯(lián)系電話" . '</label> ' .
'<input id="tel" name="tel" type="text" value="' . esc_attr($commenter['comment_tel']) . '" size="30" /></p>';

unset($fields['url']); // 刪除一個(gè)字段
//unset($fields['author']); // 刪除作者字段
//unset($fields['email']); // 刪除郵箱字段
return $fields;
}

// 對留言板字段進(jìn)行處理
add_filter('comment_form_default_fields', 'my_fields');

// 輸出處理后的留言板
comment_form();

默認(rèn)情況新增加的字段并不會(huì)自動(dòng)保存，所有添加保存的代碼，代碼放到?functions.php?中

add_action('wp_insert_comment', 'wp_insert_my_comment', 10, 2);

function wp_insert_my_comment($comment_ID, $commmentdata) {
$tel = isset($_POST['tel']) ? $_POST['tel'] : false;
update_comment_meta($comment_ID, 'tel', $tel);
}

這段代碼就保存了評論中的?tel 字段；

wrdpress 定制化留言板（后臺(tái)顯示）

對于自己添加的字段，默認(rèn)是后臺(tái)是不會(huì)顯示的。所以添加一下代碼到?functions.php?中上后臺(tái)可以顯示新增加的字段

add_filter('manage_edit-comments_columns', 'my_comments_columns');
add_action('manage_comments_custom_column', 'output_my_comments_columns', 10, 2);

# 添加字段的標(biāo)題
function my_comments_columns($columns) {
$columns['tel'] = __('聯(lián)系電話');
$columns['email'] = __('電子郵箱');
return $columns;
}

# 添加字段的顯示內(nèi)容
function output_my_comments_columns($column_name, $comment_id) {
// die();
switch ($column_name) {
case "tel" :
echo get_comment_meta($comment_id, 'tel', true);
break;
case "email":
echo get_comment_author_email();
}
}

問題未解決？付費(fèi)解決問題加Q或微信 2589053300 (即Q號(hào)又微信號(hào))右上方掃一掃可加博主微信

所寫所說，是心之所感，思之所悟，行之所得；文當(dāng)無敷衍，落筆求簡潔。 以所舍，求所獲；有所依，方所成！