フリーランス WEBデザイナー 【キングサイト】
最近のウェブ制作技術
WordPress(ワードプレス)で親カテゴリーを指定して子カテゴリ一覧(カテゴリーリスト)を表示させる方法
ブログツール【CMS】情報とWEBコンテンツ技術
WordPress(ワードプレス)で親カテゴリーを指定して子カテゴリ一覧(カテゴリーリスト)を表示させる方法
Webデザイナーになる為の第一歩(初級)
WEB屋になる為の知識と技術
Webデザイナーになる為の第一歩(初級)
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目と画像アップロード機能を追加する設定方法
ブログツール【CMS】情報とWEBコンテンツ技術
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目と画像アップロード機能を追加する設定方法
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目を追加する設定方法
ブログツール【CMS】情報とWEBコンテンツ技術
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目を追加する設定方法
ホームページ制作簡単作成ツールWix(ウィックス)
WEB屋になる為の知識と技術
ホームページ制作簡単作成ツールWix(ウィックス)
ウェブ制作カテゴリ
Facebookの投稿
ウェブ制作技術 SNS・ブログ
おすすめウェブサイト
ウェブ制作のご注文は全国対応

北海道 青森 岩手 秋田 宮城 山形 福島 東京 神奈川 埼玉県 千葉 茨城 群馬 栃木 愛知 静岡 三重 岐阜 新潟 長野 山梨 石川 富山 福井 大阪 京都 奈良 兵庫 滋賀 和歌山 岡山 広島 鳥取 山口 島根 愛媛 徳島 高知 香川 福岡 佐賀 長崎 大分 熊本 宮崎 鹿児島 沖縄

WordPress(ワードプレス)でcontact form 7に確認用メールアドレスの項目を設置する方法

03.02.17 14:58 | コメント(0)

contact form 7に確認用メールアドレスの項目を設置する方法

WordPress(ワードプレス)で「contact form 7」プラグインを利用している場合、メールアドレス入力フォームを設置しますが、その際に「メールアドレス確認用の入力フォーム」を設置する場合があります。
この場合は、通常のテキストフォームとして設置する場合もありますが、その場合メールアドレス入力フォームとの違いを判断できません。
contact form 7」プラグインでは、「メールアドレス確認用の入力フォーム」を設置する為の方法があります。

今回は「contact form 7」プラグインで「メールアドレス確認用の入力フォーム」を設置する方法をご紹介したいと思います。

お問い合わせフォーム画面

お問い合わせフォーム画面
 1. functions.phpにコードを追加
 2. コンタクトフォーム7にメールアドレス確認項目を設置

functions.phpにコードを追加

contact form 7」プラグインを利用し、「メールアドレス確認用の入力フォーム」を設置する場合は、「functions.php」ファイルにコードを追加しないといけません。
まず最初に「functions.php」ファイルに下記のコードを記載しましょう。

【functionsコード】
add_filter( 'wpcf7_validate_email', 'wpcf7_text_validation_filter_extend', 11, 2 );
add_filter( 'wpcf7_validate_email*', 'wpcf7_text_validation_filter_extend', 11, 2 );

function wpcf7_text_validation_filter_extend( $result, $tag ) {
global $my_email_confirm;
$tag = new WPCF7_Shortcode( $tag );
$name = $tag->name;
$value = isset( $_POST[$name] )
? trim( wp_unslash( strtr( (string) $_POST[$name], "\n", " " ) ) )
: '';
if ($name == "your-email"){
$my_email_confirm=$value;
}
if ($name == "your-email_confirm" && $my_email_confirm != $value){
$result->invalidate( $tag,"確認用のメールアドレスが一致していません");
}

return $result;
}

コンタクトフォーム7にメールアドレス確認項目を設置

functions.phpにコードが追加出来ましたら、次に管理画面でコンタクトフォーム7の設定画面で「メールアドレス確認用の入力フォーム」を設置しましょう。
コンタクトフォーム7の設定画面で以下のコードを「メールアドレス確認項目」を表示させたい箇所に追加してください。

【メールアドレス確認項目コード】
[email* your-email_confirm]

以上でWordPress(ワードプレス)でcontact form 7に確認用メールアドレスの項目を設置する方法になります。
カテゴリ:WordPress(ワードプレス)構築と技術, カスタマイズ方法(WordPress), ブログツール【CMS】情報とWEBコンテンツ技術, プラグイン紹介(WordPress)
  • このエントリーをはてなブックマークに追加
  • Facebookでコメントする

    コメントする

    おすすめの記事

    PAGE TOP