在WordPress評論裡新增電話、手機號、微訊號的表單功能教程
阿新 • • 發佈:2021-01-19
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 號。
本文轉自六藝開源:閱讀原文