どーも！イエローモンキーデザインのまるおです！普段は、デリヘルや、キャバクラなどのウェブを作成担当しております！最近の趣味はまどマギ２の穢れを解放することです！悩みは、ワルプル苦手なことです、、、、。妖回胴中記大好き！
前回までで、ユーザーの入力ページは説明しましたので今回は、その続きからです。
次は、前回ユーザー入力させたinputのデータをメール似て飛ばすための下準備をContact Form 7にて作業します。
適当に新規フォームを作成します。
その際に前回設定した、Contact Form 7のフォームを作っていきます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<label>メニュー１ [radio menu1 default:1] </label> <label>メニュー2 [radio menu2 default:1] </label> <label> お名前 (必須) [text* your-name] </label> <label> メールアドレス (必須) [email* your-email] </label> <label> 電話番号 (必須) [tel* tel-1 placeholder "090-1234-5678"] </label> <label> 題名 [text your-subject] </label> <label> メッセージ本文 [textarea your-message] </label> [submit "送信"] |
その後、一番のミソとなるContact Form 7のメールタブのメッセージ本文を編集します！
メッセージ本文を仮に契約書にイメージで作ります！
「契約書」
[your-name]（以下、「甲」という。）とまるお（以下、「乙」という。）は、下記のとおり契約（以下、「本契約」という。）を締結する。
〜〜〜〜〜〜〜〜〜〜〜〜〜というように文章の中に、フォームの項目を入れ込んでいきます。
上記の例だと、[menu1],[menu2],[your-email],[tel-1]などですかね。
「メール２を使用」してメッセージ本文の箇所をコピペしてフォームでの作業は完了です。
次に、新規固定ページを作ります。これは後で捨てるので、タイトルなどはなんでも構いません。
このページに、先舗で作ったContact Form 7のフォームのショートコードを貼り付け→公開→ページを表示します！
この時点でのフォームは、先ほど作ったまんまの状態ですが、全然問題ありません！
ここで、GoogleChromの出番でして、右クリックのページのソースを表示をポチ！
長ったらしいhtmlをすらすらーと下まで「キングクリムゾン！」とスクロールします。
探す文章は、
|
1 2 3 |
div role=”form” class=”wpcf7″ id=”wpcf7-xxxx-xxxx-o1″ lang=”ja” dir=”ltr”>〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 <span class="wpcf7-form-control-wrap your-name"> <input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label>〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜</div> |
ここの一塊ををまるっとコピリます！
コッピタものはメモ帳などに貼り付けておき、次回編集します！
では、次回まで、「the world 時よ止まれっっっっっ」
WordPress[ワードプレス]専門ホームページ作成のイエローモンキーデザイン。SEOに強いCMS、ワードプレス[WordPress]で作成するホームページが100,000〜。低価格で高品質なホームページ〜通販用ECサイトまで、雑誌デザインDTP、チラシ、看板デザインもお任せください。