どーも!イエローモンキーデザインのまるおです!普段は、デリヘルや、キャバクラなどのウェブを作成しております!最近の趣味はまどマギ2の穢れを解放することです!
ワードプレスでサイト構築の際には、Contact Form 7は手放せませんよね!
Contact Form 7の使い方について(複数の変数を渡すには?)
Contact Form 7の通常の使い方は、言わずもがななところでして、説明は割愛いたします!
Contact Form 7も申し込みや、お問合せに使っている方も多いかと思います!
かなり自己流でお恥ずかしいですが、Contact Form 7にて、複数の変数を受け取り方をわかりやすく明記しますので、参考にしていただければと思います!
ケース例としては、サイト上で契約書を交わすときや、ユーザーが選択もしくはテキスト入力したものを次のページにて表示します。
その後Contact Form 7に変数としてセットして双方に確認メールを飛ばしたいケースですが、(かなりレアなケースだと思いますが、いろいろ流用できるかと思います。)
まず、nyuryoku.php(名前はなんでも)とsousin.php(名前はなんでも)を使っているテーマ、もしくはこテーマにアップロードします!
ユーザーの入力フォームの新規固定ページを作りテンプレートをnyuryoku.php(名前はなんでも)にします。
入力の確認と送信用ページ新規固定ページを作りテンプレートをsousin.php(名前はなんでも)にします。
流れとしては、nyuryoku.php(名前はなんでも)でユーザーに自分で入力もしくは、選択させた項目をsousin.php(名前はなんでも)に設置したContact Form 7で送信する感じです!
nyuryoku.php(名前はなんでも)に記述に記述することですが、
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<?php /* Template Name: nyuryoku */ get_header(); ?> <div id="primary" class="site-content"> <div id="content" role="main"> <form method="post" action="http://自分のサイト名/sousin/"> お名前:<input type="text" name="namae" > <br/> <br/> ご住所:<input type="text" name="jusho" > <br/> <br/> 電話番号:<input type="text" name="tel" > <br/> <br/> E-mail:<input type="text" name="mail" > <br/> <br/> メニュー1:<input type = "radio" name = "menu1" > <br/> <br/> メニュー2:<input type = "radio" name = "menu2" > <br/> <br/> <input type="submit" value="内容を確認する"> </form> <br/> ※次のページにて、内容がご確認できます </div><!-- #content --> </div><!-- #primary --> <?php get_sidebar(); ?> <?php get_footer(); ?> |
自分の好きなinputに変えてください。
続きは次回にて!
ご質問はまるおまで!
前回までで、Contact Form 7のフォームのhtmlをコピーした続きからです!
本当は、時間をかけて記事を書こうと思ったのですが、早く書けとの詔を受けまして、、、、、。
次は、ユーザーが入力したものをページ上で確認させて、Contact Form 7で双方に送るまでを実装します。